WIL 3주차
📖 WIL 3주차
🌞 3주차 스케쥴
드디어 주특기 입문 주차에 진입하며 이번 3주차를 함께할 새로운 조를 편성받았다.
리액트 학습 자료 주고 그것을 바탕으로 TodoList를 만드는것이 이번 주차의 개인과제이다.
hook은 오직useState, javascript 내장 메서드는 map, filter 만을 이용하여 TodoList를 만들며 리액트 라이브러리의 초기설정과 기초지식을 배운다. 구현해야 하는 기능들은 다음과 같다.
- UI 구현하기
- Todo 추가 하기
- Todo 삭제 하기
- Todo 완료 상태 변경하기 (완료 ↔ 진행중)
🌞 회고
- 시연영상
드디어 3주차인 주특기 입문 주차가 시작되었다. 사실 드디어 라고 하기엔 민망한것이 리액트에 도달하기까지 2주의 기간밖에 걸리지 않았다. 2주차땐 알고리즘테스트를 기반으로 자바스크립트 언어에 대해 공부하였는데 단 1주만으로 자바스크립트를 끝내버리기엔 너무 부족하다 생각이 들었다. ( 물론 2주차의 공부시간은 120시간이 넘었지만..) 그리고 리액트는 자바스크립트와 html을 합쳐놓은 라이브러리 이기 때문에 더욱 불안함이 있었다. 그래서 난 이번주차의 학습 계획을 먼저 세웠다. 3주차가 시작된 금요일부터 토요일까지는 2주차때 스스로 부족하다고 느낀 자바스크립트 내장함수 그중 가장 중요한 배열의 내장함수들을 공부하고 자바스크립트 문법에 대해 복습을 진행했고 월요일부터 목요일까지 주어진 리액트학습자료를 바탕으로 TodoList를 제작하였다.
TodoList를 제작하며 정말 많은 벽에 부딪혔다. 사실 요구사항은 아주 간단한 기능들이 전부이지만 당연하게도 직접 코딩해보는것은 처음이니까...여러개의 input을 관리하는 것 부터 전개연산자를 활용한 배열의 수정 추가 제거 등등 모든 것이 어려웠다. 제공된 학습자료도 보고 유튜브로 영상도 보고 끝없는 구글링의 연속이였다. 매일 매순간 어떤 방식으로 구현할 수 있을까 고민하고 밥을 먹다가도 자려고 누웠다가도 생각이 떠오르면 코드를 썼다 지웠다를 반복하며 관련된 정보를 찾았다. 끝나고 보면 또는 다른이가 보기엔 정말 간단해 보일 수 있는 기능이지만 당시 나에겐 동작해야 하는 기능 단 하나가 하루 20시간을 고민해야하는 문제였다. 역시나 진짜 알려주는게 하나도 없네! 길은 알려줘야 할거아니야! 라고 불평도 했지만 확실히 자기주도적학습은 확실한 성장을 할 수 있는 것 같다. 혼자 독학하던 시절 배웠던 리액트는 기억에 남는게 별로 없었을 정도지만 스스로 찾아보고 탐구하고 적용해보고 또 틀린 방법이여도 해보고 원인을 찾아보고 하는 과정이 확실히 빠른 성장에 도움이 되는 것 같다.
🌳 Git 명령어
https://velog.io/@leejpsd/Git-setting-및-명령어
나의 개발 공부에 튼튼한 토양이 될 수 있도록 앞으로 일주일에 한번은 React를 제외하고 Git에 공부하거나 자바스크립에 대해 공부하기로 계획했다. 그리고 하루중 1~2시간은 코딩테스트를 공부하려 한다. 이번주는 Git 세팅과 명령어에 대해 공부했으며 따로 포스팅하였다.
🌳 JavaScript의 ES란?, ES5/ES6 문법 차이
https://velog.io/@leejpsd/JavaScript의-ES란-ES5ES6-문법-차이
리액트에 필수적인 자바스크립트 배열관련 내장함수들을 복습하며 ES5/ES6 문법의 차이에 대해 공부했다. 따로 포스팅 하였으며 내가 가장 중요하다 생각하는 문법은 4가지이다.
- 화살표함수
- 구조분해할당
- 객채의 복사와 전개연산자
- 삼항연산자