사전 질문 답변

• 코드잇에서 하는 것은 공부용으로 생각하는 게 좋다. 너무 간단한 프로젝트여서 코드적으로 고민한 부분, 팀 프로젝트 경험으로 사용하면 좋고, 이후에 본인 프로젝트를 제대로 만드는 게 중요하다. 서버를 일정 시간 동안만 제공하면 포트폴리오로 무의미 할 수 있다.
• 로컬 스토리지로 해서 서버없지만, GPT를 연동해 면접 질문 답변 사이트를 만들었다. / packages 분리 잘했다. → https://github.com/ask-resume/ask-resume-front / 프로젝트 개수가 중요한 게 아니다.
• 마이그레이션을 하면 깃허브에 기록이 남는다. 그래서 귀찮은 것을 많이 해보면 좋다.
• 민호님은 flex(근태관리 사이트)를 클론코딩 했었다. 프론트엔드 기술자는 뷰에 집중하지 말고, 기능에 집중해야 한다. / 뷰가 많은 프로젝트를 할 필요가 없다.
• 개발자라면 구현을 못하는게 없다고 생각해야 한다. / 네이버 지도 API 문서가 있으니 활용할 수 있어야 한다. / 못 만든다는 생각을 안해야 한다. 끝까지 파고들어야 한다.
• 프로젝트 계획: MVP(기능 구현 기간)를 정해야 한다. / API를 붙이는데 오래 걸려서 취업에 영향이 있을 것 같다고 생각하면 더 빨리 시작하면 된다.
• 실무에서도 리서치를 많이 한다. 이 부분도 필요한 역량이다.
• 재미가 없습니다…
• 민호님은 리액트 포탈을 안 쓴다. 모달을 포탈에 넣으면 가독성이 좋지 않다고 생각한다. 그래서 토스트에서만 쓴다. 포탈에 뜨는 게 모달 1개만 있지 않을 수 있기 때문에 z-index 등으로 설계를 잘해야 한다.

미션 관련

• 타입스크립트로 변환하는 과제: 기존 파일에 tsconfig.json와 ESLint를 설정을 잘해야 한다. / VITE로 새로 만드는 것도 추천한다. / API 넘어올 때 타입 변환만 하면 된다. 그대로 타입을 명시하면 된다.

• 민호님은 TS쓸 때 interface Props를 명시해준다.

• 원시값(상수)은 타입이 필요하다. / 비동기 데이터를 컴포넌트 밖으로 뺄 수 있다. hook을 많이 만들어보면 좋다.

  

• 단순 원시값은 추론이 된다. 단순 값은 타입을 명시하지 않아도 된다.

• intersectionObserver: ref를 사용해서 쓰면 된다. ref를 링크바에 걸면 된다. 실무에서 가끔씩 필요하다. 쓰면 좋은 기능이다.

• 검색어 필터: 타입에 3개 값이 있는데, 그 값을 필터링하면 된다. map돌리기 전에 판별해야 한다. useEffect를 사용해 setCard를 사용하면 된다.

• 타입스크립트는 정적 타입인가? 점진적 타입 언어인가? 정적 타입언어다. 원리만 알면 될 것 같다. / 점진적 시스템이라는 말이 붙는 것은 추론을 자동으로 해주기 때문에 생긴 것 같다.

• 민호님은 본가에서 19살 된 강아지를 보살피고 있다.

• 테일윈드: config.json을 잘 정리하면 클래스를 줄일 수 있다. / 불필요한 클래스를 만들어야하는 스트레스를 덜 받는다. / 개발 속도가 훨씬 빠르다. / Tailwind CSS IntelliSense 확장 설치 추천