TIL_210721

1. Facts(사실, 객관)

- 캡틴판교 vue 강의 듣기

- javascript 제로초 렛츠기릿 자바스크립트 스터디 쿵쿵따

2. Feelings(느낌, 주관)

- java로만 열심히 공부했던 내 삶에서 이제 front를 좀 더 잘 만들어보고 싶어서 vue를 학습한다. MVC모델과 달리 MVVM모델로서, event와 props 등이 내용들을 공부중이다. 계속 코딩공부하면서 깨달은 한가지는, 열심히 기초문법 공부하고 모든것을 한번에 외우고 코딩하려고 하면 안된다는 것이다. 최대한 빠르게 문법과 기본 개념들을 습득하면 목표를 세우고 만들어보면서 익히는 것이 훨씬 기억에 오래 남고 재미가 있다. 그래서 vue 강의도 빠르게 초급편을 듣고 있다. 해당 내용은 notion에 정리하는데 너무 좋은것은 코드내용을 올리기위해 별도의 모달창을 띄우거나 문법을 작성할 것 없이 /code를 누르면 이쁘게 코드내용을 올리는 창이 나온다. 그래서 빠르게 내가 쓰고싶은 내용을 이쁘게 올리면서 볼 수 있다. vue의 초급, 중급, webpack까지 빠른 시간 내에 정복하고 계속 코드를 입력하고 만들어보는 연습을 할 것이다.

 

- 위에서 만들어보는 것이 중요하다는 같은 맥락에서 역시 제로초 님의 자바스크립트 게임만들기를 하고 있다. 이것은 스터디를 진행하고 진도가 있기 때문에 더욱 동기부여가 된다. 기본적으로 구현해야하는 내용들이 어렵지는 않지만 어떻게 구현하는지 순서도를 그리고 나름대로의 알고리즘을 짜는 것이 핵심이다. 이전과 다른것은, 어느정도 최신 문법으로 리뉴얼 된 것이다. 이전에 공부했을 때보다 훨씬 최신의 세련된 문법을 가지고 계셨다. 앞으로 다양한 만드는 과정을 통해 다양한 코딩의 기술을 익히는 것이 목표이다!

 

3. Findings (배운 점)

* 캡틴판교 vue 기초강의

 인스턴스

 - https://www.notion.so/3-457f174a11de468ca259777e920f8a20

 

 컴포넌트

 - https://www.notion.so/97add0672da044dbbe04512256b55030

 

컴포넌트 기본

 - https://www.notion.so/c6b935c9e0e747b9bc636f8200d6671b

 

컴포넌트 응용

 - https://www.notion.so/c9de6cc294a942a99b4fe21e0ef70fd5

 

라우터

 - https://www.notion.so/129d811f4531464e92307efa53619718

 

자바스크립트에서는 배열에 새로운 값을 추가하는 것이 너무나 자유롭다.

var arr = ['a','b','c','d'];

 라는 배열에서 새롭게 5번째 문자열에 'e'를 추가하고 싶으면 arr['e']만 사용하면 된다.

 

또한 querySelector를 통해 가져온 요소를 $button 등 달러표시로 앞에 써주는것이 관례이다.

- document.querySelector('선택자')

ex) const $button = document.querySelector('button');

 

* 제로초님 강의를 들으면서 정리한 쿵쿵따

- https://www.notion.so/3-877de23eb9f64ec8a60b114c9ad6c2eb