Nacho

회사에서 데이터를 복붙만 해서 통신을 했었는데, 안되길래 왜 안될까 고민하다가 해결하고 간단하게 정리한다. 나는 원래 mapping이란 버튼을 클릭하면, data : val 이렇게 하면 알아서 가는 줄 알았다. 근데 그게 아니라, 콘솔을 열어보니 ?data=val 이런식으로 가는게 아니라 ?0= val 이렇게 가고 있어서 문제였다. GET 요청을 수행하고 있고, 데이터를 query parameter로 전송하고 있습니다. 그런데 코드에서 val이라는 객체를 그대로 전송하고 있습니다. 객체는 { id: val }와 같은 형태로 가야 된다..!!!!! methods: { mapping(val) { const topicData = { topic: val }; // POST 요청으로 데이터를 서버로 보냄 axio..

📣BootstrapVue 부트스트랩과 Vue.js를 결합한 오픈소스 프론트엔드 프레임워크 오픈 소스 프레임워크란? 소프트웨어 개발을 지원하거나 특정 유형의 응용 프로그램을 빠르게 개발할 수 있도록 도와주는 소프트웨어 프레임워크 프로젝트를 하나 진행 중인데 해당 프로젝트는 부트스트랩뷰를 사용 중이다. 테이블부분을 할 때마다 자꾸 가물가물해서 정리를 한다. 일단 테이블을 사용하려면 이렇다. 데이터가 없음 {{ list }} 부트스트랩에서 예시로 보여준 스크립트를 가져왔는데 필드는 위에 컬럼 부분을 따로 지정해주고 싶으면 key, value로 설정 후 #cell(key값)을 하고 =data로 해주면 js에서 필드선언한 부분이 그대로 들어간다. 컴포넌트의 부분은 테이블 셀을 렌더링하는 방식을 사용자 정의할 때 ..

🔹select option 초기화 nextTick 사용 (부트스트랩) 아래에 해당 하는 코드는 부트스트랩에서 사용할 수 있는 기능인 것 같다. 만일 부트스트랩을 사용하지 않는다면, 다른 블로그 등에서 나온 방법으로 하면 될 것 같다 부트스트랩을 사용한다면 하단 방법으로 해결할 수 있다. ​ 그리고 날짜부분도 이런식으로 refresh할 수 있다. {{ item.text }} let self = this; this.$nextTick(function () { $(self.$el).find(".selectpicker").selectpicker('refresh'); });

🌞 VUE.JS 면접 질문 이건 면접 질문이라기보다는 이 정도 기본 지식은 알고 VUE.JS를 해야하지 않을까 하는 마음에 작성해본다. 1. Vue.js란 무엇인가? 사용자 인터페이스를 구축하기 위한 JavaScirpt 프레임워크. 표준 HTML, CSS 및 JavaScript를 기반으로 구축되며, 단순한 것부터 복잡한 것까지 사용자 인터페이스를 효율적으로 개발 할 수 있는 컴포넌트 기반 프로그래밍 모델을 제공 2. 컴포넌트란? 컴포넌트 기반 방식으로 개발하는 이유? 컴포넌트(Component)란 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈을 뜻한다. 코드 재사용이 용이하다. 그리고 뷰의 경우, 컴포넌트를 HTML 코드에서 화면의 구조를 직관적으로 파악하므로 프레임워크 자체에서 컴포넌트 방식을 ..

Watch Computed 차이점 봐도 봐도 나는 차이점을 명확하게 모르겠어서 한 번 정리해보려고 한다. 👉아래의 글들을 정리하면서 최종 결론낸 것은 보통의 경우에는 computed가 좋다. 하지만 최종 응답, 그러니깐 엔터가 쳐진 순간이라고 보면 이해가 될 것인데 답을 적을 때까지 중간 상태를 설정할 수 있기 때문에 그 경우에는 watch가 좋다! name : nac 작성을 기다리고 있습니다 name : nacho + 입력 > 끝 🤔흠 velog에서 작성 중에 임시저장이 계속 되는 것도 watch가 아닐까? 글을 적다가 중간 중간 저장중이라는 것이 나오는데, 계속 내가 글을 쓰는지 지켜보고 있고, 키보드를 두드리지 않을 때 감지해서 임시저장을 해주는데 이럴 때 watch를 사용하는 것 같다! 🌞혹시 제..

for (var pair of formData.entries()) { console.log(pair[0] + ': ' + pair[1]); } 상황: 입력 모달창 오픈 > 파일 찾기 a파일 첨부 > 등록하지 않고 모달창 닫기 모달창 오픈 > 파일 찾기 a파일 첨부 :: 이 때 문제 발생 나는 부트스트랩을 사용하고 있었고, 부트스트랩뷰가 아닌 뷰로 쓰고 있었는데 제대로 들어갔는지 확인하려고 찍어본 부분이다 var formData = new FormData(); formData.append('data', JSON.stringify(this.form)); $.each(this.file, function (idx, data) { formData.append('fileId', data); }); 위 코드는 여러개..