- 11시 30분 ~ 12시 20분
- 자기소개
- 좋아하는 정보사이트 만들어보고자 시작 ⇒ 화면 표시 프론트엔드 매력 ⇒ 요즘은 출석체크 앱 만들고 있다.
워터
- 우리맵
- 어떤 서비스?
- Next.js 사용이유
- 😗: 원래 만드려던 서비스에서 필요 + 새로운 프레임워크를 도입해보자
- 장점
- 😗: SSR 도입은 못함, 이미지 최적화, 페이지 라우팅 등의 활용
- Recoil 왜 사용
- 😗: 써보고 싶어서?
써보고 싶어서 +@ 가 필요할 듯써보고 싶어서 썼지만, 이런 장점이 있었다.등 - Context API 와 비교 장단점
- 😗: 도입이유
파생 상태, Selector를 통한 API 캐싱, Suspense 지원 등으로 비동기 처리등 이 있다.- 실제 이러한 부분을 사용하지 않더라도, 알고 있어야하지 않을까?
- 아니면 처음 부터 상태관리 측면이 약했다고 말씀해도 될 듯
트리
기술을 알고 쓰는지에 대한 의문이 생겼다.!
- SSR과 CSR의 차이
- 😗:
- SSR은 server에서 템플릿을 만들어서 전송
- CSR은 빈 템플릿에 동적으로 js을 통해 구성
- CSR의 문제는 무엇인가
- 장점
- 사용자 경험 측면에서
- 단점
- 빈 html으로 부터 시작하기 때문에, 검색엔진이 필요.
- SSR의 문제는 무엇인가
- Next.js에서 어떻게 해결하는가?
- 원하는 데이터를 주입하여, 만들어 놓고
- SSR
- 서버 부하 문제
- 사용자경험 문제는 없는지?
- 검색엔진이 어떻게 동작하는지
SEO가이드 들
- React
- 가장 큰 장점
- 😗
- 1) reflow, repaint 과정 최적화를 할 수 있다.
- 2) 선언형
- 최적화 어떻게 할 수 있는지?
- 😗: virtualDOM
- 모든 변경점을 모아서 한 번에 업데이트를 한다.
- virtualDOM은 무엇인가요?
- js로 만든 객체
- reflow와 repaint가 발생하는 조건
- reflow:
- DOM의 요소가 바뀔 경우
- 범위는?
- 해당 요소 + 자식 ?
해당 요소 + 자식 + 형제 - react의 재조정 과정
- 😗: 기존의 트리와 이전 트리르 비교해서 갈아 끼는 과정
- diffing 알고리즘
- 컴포넌트(Element) 종류
- O(N^3) ⇒ O(N)
- key를 통한 비교
- 테스트 코드 작성 경험이 있었나요?
- 어떠셨나요?
- 테스트가 중요하다고 생각하시나요?
- 😗: 프로젝트 초반은 변경 가능성이 높아서, 비용 대비 효과가 적다.
- 😗: util함수
- E2E테스트 도입은?
- 체크용도로 확인
- 판단의 기준을 물어보고 싶음
- 어떤 개발자가 좋은 개발자라고 생각?
- 1인분을 하는 개발자
- 배웠던 지식을 함께 나눈다?
추상적 - 본인은?
- 블로그에 글을 게시한다.
- 우리 팀에 어떤 도움을 줄 수 있을지?
- 타인의 말을 잘 들어준다. (figzam 제시 등등 사례)
앤트 도메인관련 이야기를 해주면 좋을 것 같다.- 상사의 모습은
- 상대방의 말에 귀기울일 줄 아는
- 대화를 요청
- 근거를 노션으로 정리해서, 코드를 통해 대화를 이어나간다.
구체적 - 저희 회사에 대해서 궁금한 점
- FE / BE 인원수는?
- Editor 관련 이야기