TIL - 20220502

Fact (사실: 무슨 일이 있었나?)

• 코드숨 리액트 과정 1주차 수업을 들었다.
• Node.js, NPM, Webpack, ESLint, JSX, Babel에 대해 공부했다.
• 1주차 과제 1 - let을 제거해보자 과제를 진행했다.

Feeling (느낌: 무슨 느낌이 들었나?)

 설레는 마음을 갖고 기대하던 코드숨 리액트 과정에 참여하게 되어서 신났고, React와 관련된 개념들을 문서와 함께 자세히 다시 보는 시간을 가져서 기분이 좋았다. 

 

Finding (배운 점: 어떤 인사이트를 얻었나?)

 지금까지 여러 유, 무료 강의를 통해 React를 배울 때, React의 주요 개념을 배우고 그다음에 바로 CRA를 이용해 React 프로젝트를 만들고 실습하는 시간을 가지기 때문에, Node.js, NPM, Webpack, ESLint, JSX, Babel과 같은 개념에 부족해서 이번 기회를 통해 부족한 개념에 대한 보충을 할 수 있었다. 간단하게 정리해보면 Node.js는 브라우저 환경 외에서 자바스크립트를 실행할 수 있도록 도와주는 엔진이다. NPM은 Node Package Manager의 줄임말로 라이브러리와 같은 Node.js에서 사용할 수 있는 모듈들을 패키지로 만들어 저장소 역할을 한다. Webpack은 HTML, CSS, JS와 같은 파일들을 각각의 모듈로 보고 이를 합쳐 하나의 결합체로 만들어주는 도구이다. ESLint는 올바르게 코드를 작성할 수 있도록 코드를 검사하며, 수정하는 기능을 도와주는 도구이다. JSX는 HTML의 태그와 형태가 비슷하여 UI 코드를 쉽게 파악할 수 있다. 이 JSX는 브라우저가 모르기 때문에 JSX를 JavaScript로 변환해주는 도구가 필요한데, 이 도구가 Babel이다.

Future action (향후 행동: 앞으로 무엇을 해야 할까?)

• 코드숨 리액트 과정 1주차 수업 복습
• 1주차 과제 2 - 간단한 계산기 만들기
• 1주차 과제 1 - 피드백

Feedback (피드백: 앞서 정한 향후 행동을 실천해본 뒤, 이에 대해 어떤 피드백을 받았나?)

 처음 시작한 날이라 열정을 갖고 나름대로 열심히 한 것 같다. 실수를 두려워하지 말자, 완벽하지 않은 코드를 작성할수록 피드백을 받으며 배워가는 것이 많다. 바보같은 질문이라도 해결되지 못한 궁금증이 있다면 일단 질문을 열심히 하자. 매일 매일 TIL 열심히 작성하자!