신입 개발자에서 시니어 개발자가 되기까지

들어가기에 앞서 바닐라 자바스크립트로 페이지네이션을 구현했던 것은 쉽진 않았지만 이정도로 헤매지는 않았던 것 같다. 개념이 부족하다는 생각이 크게 와닿았다. useEffect와 useState, props, setState 끌어올리기, 비동기 등등 개인 프로젝트를 만들면서 몇번 써봤기 때문에 알고 있다고 생각했으나 착각이었다. 몰랐던 것들 자식 컴포넌트의 useEffect가 부모 컴포넌트의 useEffect보다 먼저 실행되더라. 변수가 undefined일 때 처리하는 코드가 얼마나 중요한 지 몰랐다. 비동기 함수(fetch)를 담고있는 함수도 비동기로 작동한다. fetch에 async, await를 했다고 끝이 아니다. React.StrictMode를 사용하면 렌더링을 두 번씩 한다. 자식 컴포넌트에서 ..

구현기능 페이지네이션(10개 단위로 끊어서 1페이지~n페이지까지 보여주기) 글쓰기 폼으로 만든 데이터를 로컬스토리지에 저장하기 질문 본문 펼치기 기능 검색기능 Display 함수 내장된 데이터 (더미 데이터)를 DOM요소로 전환하는 함수와 화면에 출력하는 함수 두 개를 만든다. DOM으로 전환 const discussionsContainer = document.querySelector(".discussions__container"); const convertDiscussionToDom = (obj) => { return ` ${obj.title} ${obj.author} / ${obj.createdAt} ☑ `; }; display const displayOnScreen = () => { console...