2주차

사실(Fact)

• 앞으로 데브노트로 사용할 깃북에 대해서 찾아보고 처음 사용해봤다.
• 사전 과제를 진행하고 PR을 남겼다.
• 24일(월), 2주차 강의 보고 실습 진행 및 데브노트 작성
• 25일(화), JSX 관련 내용 복습 및 tailwindCSS, DOM API 학습
• 26일(수), 웹서버 CORS 및 CommonJS, ESModules 학습
• 27일(목), 2주차 과제 진행
• 28일(금), 주간회고 작성 및 여행 시작
• 29일(토), 여행
• 30일(일), 여행

느낌(Feeling)

• 학습 후 바로 데브노트를 작성하니 지난주보다 효과적으로 작성할 수 있었다. 이번주는 예정된 일정이 많아 학습하기가 쉽지 않았다. 그래도 못할 정도는 아니라 하루 2시간씩은 진행했던 것 같다. 이번에 데브노트와 회고를 작성하면서 느꼈는데 아직 글쓰기 실력이 많이 부족하다. 이번 기회에 프론트엔드 지식뿐만 아니라 글쓰기 실력도 늘도록 신경써봐야겠다.

배운 점(Finding)

React Element

• JSX 대신 그냥 React.createElement를 써서 React Element 트리를 갱신하는데 쓸 수 있다.

// JSX
<div>
	<p>Count: {count}!</p>
	<button type="button" onClick={() => setCount(count + 1)}>Increase</button>
</div>

// 변환된 JS 코드
React.createElement(
	"div",
	null,
	React.createElement("p", null, "Count: ", count, "!"),
	React.createElement("button", { type: "button", onClick: () => setCount(count + 1) }, "Increase")
);

향후 행동(Future action)

• 계속해서 JS 공부도 병행하기.
• DOM API 종류들에 대해서 조금 더 자세히 알아보기.
• 강의 수강 후에 바로 데브로드 작성하기.
• 과제는 미루지말고 목요일 전까지 완료하기.
• JS Array 메소드 활용 연습(Filter, Map, reduce...)
• NPM 라이브러리 만들어서 배포해보기.