개발로그

오늘 한 일 인프런 강의를 [라우터 기본] 파트까지해서 전체의 20%정도 들었다. 3일전, 노마드코더 강의 [2.2 Recap!]에 남긴 질문에 아직 답변이 없어서 한글이라 질문 해석이 안되는건가 해서 영어로 바꿔서 질문 올렸다. 공부 내용 Vue CLI를 사용해 보았다. Vue CLI 2.x 버전과 3.x 버전은 다른점이 많다. 2.x 버전은 vue init ~ 명령어를 사용하고 3.x 버전은 vue create 명령어를 사용한다. 2.x 버전은 Webpack 설정 파일이 노출되어 있고 3.x 버전은 숨겨져 있다. 2.x 버전은 node_modules를 설치하기 위해 한번 더 명령어를 입력해야 하고 3.x는 create 명령어 한 번에 모두 내려받는다. 2.x 버전은 github에 올라와있는 템플릿을 ..

오늘 한 일 내일 윤아씨와 약속이 있기 때문에 전에 받았던 소스를 분석해보고자 급 Vue.js 공부를 시작했다. Vuex에 대해 검색하다가 인프런에 있는 캡틴판교님의 Vue.js 완벽 가이드 강의를 급 결제함. 강의 듣기 전, Vuex 공식문서를 일단 한 번 읽어보기로 함. 공부 내용 Vuex Vuex는 Vue.js를 위한 상태 관리 저장소이다. 한마디로 모든 컴포넌트가 접근 가능한 상태값이 저장되어 있는 전역 저장소! 이것은 반응형이라서 저장소 내의 상태가 변경되면 해당 상태를 의존하는 컴포넌트들이 모두 업데이트 된다. 이것에는 5가지 핵심 컨셉이 있다. 1. State Vuex는 단일 상태 트리로서 하나의 어플리케이션에는 하나의 상태 저장소만 존재한다. 저장소에 접근할 때는 'store.state.상..

오늘 한 일 노마드 코더 아카데미 를 하루만에 완강했다. 그림판 비슷한 것을 만들어 보는 실습이라서 태그를 나름 깊이 있게 다뤄보았다. canvas태그에서 context를 가져와야 픽셀을 컨트롤(?) 할 수 있다. getContext("2d") 형식으로 가져옴. beginPath() - 패스 초기화 moveTo(x, y) - 좌표 초기화 lineTo(x, y) - 초기화된 좌표로부터 해당 좌표까지 선을 잇는다. (실제로 그려지는 것은 아님) stroke() - 실제로 화면에 선을 그리는 함수 strokeStyle, fillStyle, lineWidth 등의 속성으로 색이나 굵기 등을 변경할 수 있다. 강의에서는 마우스를 움직일때 마다 (mousemove) 패스와 좌표를 초기화 했는데, 마우스 클릭 시점 ..