우롱이 공책정리

감시모드의 프로세스가 시작됐다는 뜻

forEach, for, for..of를 사용하면 배열 내 요소를 대상으로 반복 작업을 할 수 있습니다. 각 요소를 돌면서 반복 작업을 수행하고, 작업 결과물을 새로운 배열 형태로 얻으려면 map을 사용하면 되죠. 참고 링크 ko.javascript.info/array-methods

.nuxt : 빌드 디렉토리 . nuxt 크롤러 기능 덕분에 모든 경로가 자동으로 생성됩니다. file : .nuxtfolder는 SSR 애플리케이션을 배포하는 데 필요한 파일의 일부입니다. 정적 Nuxt.js 앱을 배포하는 데는 dist폴더를 사용하기 때문에 필요하지 않습니다 . assets : css, image, font와 같은 리소스 styles components : Vue.js component가 포함되어있음 페이지, 레이아웃 및 기타 구성요소로 재사용하고, import 가능 content : @nuxt/ content 모듈을 사용하여 애플리케이션 확장 가능 Markdown, JSON, YAML and CSV와 같은 파일을 가져오고 관리 가능 layouts : Nuxt.js앱의 모양과 느낌을 ..

네트워크 요청이나 이미지 프로세싱은 console.log보다 느리다 느린동작이 스택에 남아있는 것을 보통 블로킹이라 한다. 참고링크 youtu.be/8aGhZQkoFbQ?t=462

상위에서 하위로는 데이터를 내려줌, 프롭스 속성 하위에서 상위로는 이벤트를 올려줌, 이벤트 발생 참고링크 joshua1988.github.io/vue-camp/vue/components-communication.html

화면의 영역을 영역별로 구분해서 코드로 관리하는 것이 컴포넌트라 보면 됌 영역별로 컴포넌트 코드로 관리하면 재사용성이 가능함! 영역을 구분했을 때 컴포넌트 간의 관계가 생긴다

생성자함수로 vue에서 api와 속성들을 정의해놓고 갖다 쓰거나 재사용을 할 수 있음 var vm = new Vue(); 하는 이유 참고링크 developer.mozilla.org/ko/docs/orphaned/Web/JavaScript/Guide/Obsolete_Pages/Core_JavaScript_1.5_Guide/Creating_New_Objects/Using_a_Constructor_Function developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor

v-if는 조건이 만족하면 아래 엘리먼트를 렌더링 하겠다는 의미 {{ d.v }} {{ d.t }} v-show또한 false인 경우엔 안보여주고 true인 경우에는 보이는데 둘의 차이는 v-if는 조건이 만족하지않으면 아예 렌더링 자체를 하지않고 v-show는 true건 false건 렌더링을 한다. 화면엔 보이지않아 화면에서 뭔가 보여줬다 안보여줬다가 자주되면 v-show를쓰면 리소스를 덜 잡아먹는다. 특정조건에 이르렀을때만 보여주는게 좋은게 사용자가 그액션을 할지 안할지 모르는건 일단 v-if로 렌더링을 하지 않는게 좋다 그래서 이 용도에 맞게끔 사용을 해야함!

이런식으로 click, change이렇게 @로 이벤트를 걸 수 있다. 다중데이터는 v-for를 통해 핸들링을 할 수 있다 배열이라던지, 테이블이라던지 {{ d.t }} {{ d.v }} {{ d.t }} export default { data() { return { title: "개발자의 품격", title2: "Seoul", input1: "abcd", options: [ {v: "S", t: "Seoul"}, {v: "J", t: "Jeju"}, {v: "B", t: "Busan"} ], region: "B" // v-model을 통해 (셀렉트 콤보박스가 제일 먼저 부산이 나옴) }; }, watch: { // 변수명을 function형식으로 // 데이터가 변경이되면 바로 캐치해서 알 수 있음 /**..

배열을 통해 처리를 할게 있다면 v-for를 이용한다. {{ d.t }} export default { data() { return { title: "개발자의 품격", title2: "Seoul", input1: "abcd", options: [ {v: "S", t: "Seoul"}, {v: "J", t: "Jeju"}, {v: "B", t: "Busan"} ], region: "B" // v-model을 통해 (셀렉트 콤보박스가 제일 먼저 부산이 나옴) }; },