오늘 한 일
- 프로그래머스 문제 풀기
-
express 서버 만들고, Vue.js랑 연결할 방법 찾기
- 레퍼런스를 찾아보는데, cli로 vue 뼈대를 만들고, back과 front를 완전히 구분지어서 구현하고자 하는 기능에 비해 폴더 구조가 복잡하게 느껴졌다.
- 별도의 템플릿 엔진을 사용하지 않고, express의 내장 미들웨어인 static 으로 html 파일을 랜더링할 수 있다. 이렇게 하면 마크업과 스타일링 수준의 기능만 필요한 요구사항을 쉽게 충족시킬 수 있다.
- 다만 Vue-cli 에서 자체적으로 로컬호스트 서버를 구동시키는 것을 지원하고 있다. 그래서 우선은 express를 사용하지 않고, cli 기반으로 익히면서 만들기로 했다. 😅
-
Vue-cli 공식문서와 Vue.js 기본 강좌 수강
- 단순히 cli 명령어로 설치하는데 오류가 발생해서 애먹었다.
- Node의 버전 문제였고, LTS 버전 설치로 해결했다.
-
카카오톡 클론 챌린지 세 번째 과제 수행
- 엘리먼트를 가로에 나열할 때, 엘리먼트 사이에 text 공백이 생긴다는 것을 알았다.
- 이것을 없애기 위해서는 text 공백이기 때문에, font-size를 0으로 주거나 다양한 방법이 있는데, 그냥 flex를 사용했다. (flex는 공백을 계산하지 않는다)
넘어야 할 장애물
-
소스코드 없이 UI 구현하기
- 클론 코딩을 시도해보면서 UI 구현 능력을 배양해야 겠다.
-
공부하고 발표할 기회 찾기
- 습관을 만들어줄 기회를 만들어야겠다.
-
+친구 안만나기
- 공부에 집중해야겠다.
오늘의 감상
- 오늘은 급작스런 저녁을 해버렸다. 😭
- 말일인데 이번달 목표 하나밖에 달성 못했다. 😭
내일 할 일
- 하루 3분 네트워크 독서
- 프로그래머스 문제 풀기
- Vue.js와 express 연동해서 화면에 1차 요구사항 뿌리기 (집중, 마크업이라도 할까 고민중)
- 카카오톡 클론 챌린지 네 번째 과제 하기
항상 생각할 점
(1)스스로 구현하려고 해보기
(2)현상보다 원인에 집중하기
(3)작은 단위로 나눠서 구현하고 자주 공유하기
이번달 목표
위튜브 챌린지 통과하기 (O) | 개인 프로젝트 한 개 완성하기 | JavaScript에 대한 게시물 8개 올리기 | 하루 3분 네트워크 1회독