# 포트폴리오 ## #이창모 - pdf로 보내준 것에는 프론트엔드 담당하셨던 경험이 한 번이신 것 같은데다른 프로젝트는 없으신지 - 전역 상태관리를 모를 Props 드릴링으로 Recoil로 사용하고 있다. - Recoil외에 다른 것을 고민해본적이 없으신가 - 시간의 압박, 기술적으로 고민하기보단 ㅂ사업적으로 빠르게 만드는 것에 집중했다. - 패키지 매니저 Yarn Berry를 사용한 이유 ?? 회사에서 통일한 것도 있는데 호이스팅, 제로인스톨 - 한번 try 한 것에 대해 포폴에 적혀있긴 하지만, 인정함 부족한것을 - 좋음 - 마켓컬리 해커톤 - 유저 취향 분석하는 것 - ### 김명원 - FE : JS,TS,React,Next,Redux,SWR - BE : Node, Mongo, Express - ETC : AWS 람다, Firabase, kuber - Q1. Next에서 SSR와 ISR 방식을 사용하신 이유는 - 비용적인 측면보다는 UX가 좋지 않을까 싶어서 사용하셔 - Q2. Redux를 많이 사용하셨던데 불편하신 점은 없었는지 - Redux Toolkit 써야되는 코드의 양이 많다보니까 불편했다. - 컨테이너 컴포넌트 로 파일을 분리했다. 컨테이너에서는 리덕스에서는 어떻게했나. - 다음 프로젝트에서는 따로 분리를 하지 않았다. - 데이터 페칭은 SWR Get으로 잘 모르는것같다. - Q3. 서버 데이터 페칭하는 라이브러리로 SWR을 사용하셨는데, 주요 이점은 뭐였는지 - SWR 데이터 캐싱에 대한 개념을 잘 모르고 있었는데, - 서버에서 데이터를 캐 ### 박근우 - Next.js에서 SSR, ISR(ISG), SSG 중에 뭘 선택해서 사용했나. - SSG Get ServerSide Props - 리액트 쿼리 프리페치를 사용해서, 미리 데이터를 불러오는 식으로 사용했다. - 클라이언트, 서버 상태관리를 따로하신 것 같은데 - 폴더링이나 아키텍쳐적으로 어떻게 분리하셨나 - 아키텍처적인 고민 - 단순히 리액트쿼리를 훅으로 만들어서 - 유즈 쿼리의 데이터를 리코일과 동기화했다. - 유즈 뮤테이션을 사용할 때는 훅을 만들지 않고 - 컴포넌트에는 뷰만 관리하려고 했는데, - 유즈 뮤테이션을 컴포넌트에 그대로 넣었다. - 코드리뷰 - 코드리뷰의 궁극적 목적은 무엇인가 - 불필요한 코드를 제거하는 것 아닌가 - 그래서 성능이나 클린코드를 달성하기 위해 진행했다. - 클린코드란 뭐라고 생각하나? - 어떻게 구조적으로 짤 수 있는가 - 컴포넌트는 UI만 관리하고 - 훅은 관련 로직으로 관리하는 것 - 상태관리는 상태관리만 관리하는 것 - Flux 아키텍처는 어떤지 - 프로리뷰 프로젝트 - 일정관리와 블로그를 합친 느낌 - 코드리뷰의 리뷰와는 다른 느낌 - 이 프로젝트를 진행한 목적이 무엇인가 - 사람의 기억력은 한계가 있는데, 어떻게 이것들을 효율적으로 복습을 할지가 핵심 아이디어였다. - 시퀀스 프로젝트 - 서버사이드 렌더링을 사용한 이유는 무엇인가 - 소개부분은 SSG로 사용해도 될 것 같고 - 게시판에서 SSR이 사용하는 것이 좋을 것 같다. - 게시판부분에서 미리 서버에서 렌더링한다면 SEO가 좋아지지 않을까해서 사용했다. - 이메일인증 - 회원가입하고 이메일 인증페이지로 가서 구글 인증 - 고양이 사진관 프로젝트 - Vanilla 에서 React 로 리팩토링 한 이유 - 리액트 학습 목적 - 둘의 퍼포먼스 차이를 알아봤고 - 더 공부하게 되었다. -