2020.11.27(금) 개발 일지

09:00 ~ 12:00

1. 바닐라 JS 2주 완성 day 5 과제 시작

2. ES6 강의 중 HTML 출력 부분 잠깐 시청 (from inflearn)

3. 10:13~10:57 잠시 부모님 일 도와드림.

4. 10:57~12:00 day 5과제 setInterval까지 진행 (git으로 버전관리도 진행)

5. VSC에 대해 알게 된 점

5.1. VSC에 open in browser, live server 확장프로그램을 설치하니 개발이 편해졌다(open in browser는 live server을 쓰니 안쓰게 됨/ vsc에서 파일 저장만 하면 오른쪽 분할화면의 chrome이 알아서 새로고침 된다.)

5.2. VSC의 내장 콘솔을 사용하니 terminal로 git 명령어 다루지 않아도 되서 편해졌다.

5.3. VSC 창, Chrome 창, terminal 창 따로 두고 개발하다가 5, 6을 통해 하나의 창에서 작업하니 효율성이 오른거 같아 좋다. 어제 짝 프로그래밍에서 짝이 개발 툴을 엄청 다양하게 사용하며 개발을 편리하게 하길래 나도 어느정도 자극 받았나보다.

 

13:00~16:00

1. 바닐라JS day5 과제 완료(15:34)

1.1. 진행 중에 로컬 환경에서 git commit하며 버전 관리했고 완료 후 remote repository에 업로드

1.2. git commit 최대한 작은 단위로 하려고 노력했고 message 또한 나름 convention지키려고 노력중(제목 50자 안넘기도록, 만약 넘긴다면 제목은 간소화하고 본문을 명확하게)

 

2. VSC에 대해 알게 된 사실

2.1. 블럭주석 (언어에 맞게 알아서, 다시 누르면 복귀): cmd + /

2.2. cmd + F을 통해 키워드 변경 일괄로 가능

 

3. function을 arrow function으로 작성중. 이유는 이렇게 this에 대한 binding 범위가 다르다는데.. 아직 this는 안쓰지만 나중을 위한 습관들이기..

velog.io/@modolee/javascript-function-vs-arrow-function

JavaScript - Function vs Arrow Function

17:00 ~ 20:00

1. 노마드코더 코코아톡 클론 수강 시작 (챌린지 2020-11/30 시작, 미리 예습겸 빠르게 수강 예정)

1.1. #2.6까지 완료(14% complete)

2. 바닐라JS 2주완성 day 5 과제 수정

 

3. VSC 확장 프로그램 설치

3.1. wakatime 설치 - vsc에서 얼마나 많은 시간 타이핑 했는지 알려주는 확장 프로그램

3.2. community material theme 설치

3.3. Material icon theme 설치

3.4. prettier 설치 - 코드가 문법적으로 잘못 되었을 때, indent가 복잡할 때 깔끔하게 자동 변경

3.5. indent rainbox 설치

3.6 css peek 설치

3.7 html css support 설치

3.8 highlight matching tag 설치

 

4. mac 내장 terminal tab으로 자동완성 해주도록 설정

 

21:00 ~ 24:00

1. 노마드코더의 'ReactJS로 영화 웹 서비스 만들기' 수강 중(26% completed) + 진행부분까지 깃허브에 업로드

1.1. local server 환경에서 학습 중. component 생성 및 import, export 부분의 flow에 대해 알아가는 중

나의 첫 react application

 

 

1.2. npx 설치 과정, npx create-react-app 과정에서 오류 발생, 트러블 슈팅, 이와 관련해서 medium에 글 기재

링크: dydrlaks.medium.com/npm-err-cb-apply-is-not-a-function-checkpermissions-file-exists-e93f4bedd89c

[npm ERR] cb.apply is not a function, checkPermissions, File exists

 

01:00 ~ 02:00

1.    코코아톡 클론하기 수강하기(18% complete)