🙋🏻 자기소개
- 좋아하는 게임의 사이트를 만들고 싶어 개발
- 현재, 모각코에서 사용할 수 있는 출석체크 앱을 만들고 있음
🙋🏻 인상깊었던 부분
(프로젝트에 애정이 가득하며, 어떻게 하면 좋은 방향으로 개선할 수 있을지 고민하고, 실천합니다.)
- 🙋🏻 실제로 제안, 개선 사례가 있나요?
- 공식적인 개발 기간이 끝나고 새로운 기능을 추가하기 위해?
- 🙋🏻 이미 한 번 끝난 프로젝트를 재정비 해서 달려가고 싶었을 것 같다. 컨벤션, 환경적인 부분을 집중했던 이유는?
- 이후에 급하게 구현을 목적으로 구현하다보니 재사용성이 떨어짐
- 해당 부분이 아쉬웠다는 판단
- 새로운 부분을 추가하기 위해서 컨벤션 적인 부분이 우선이라고 생각
- 🙋🏻 재사용성이 떨어지는 것은 나쁜가?(맞나,,?아.까먹었다)
- 한 번 썼던 부분을 코드를 다시 작성하게 되어 아쉬움
- 🙋🏻 준혁님만의 재사용성을 고려하는 기준이나 방법?
- util적인 부분을 고려
- 예, 리액트 → 무한 스크롤 → 훅을 이용해서 재사용함
- 🙋🏻 컴포넌트는 어떻게 설계하시나요?
- 재사용할 수 있을 만한 부분들을 나눈다음에 생각을 한다
- 버튼이나 인풋
- 팀의 스타일에 맞게 정리, 콜백 함수 or 프롭스를 외부에서 받아오게 함
- 🙋🏻 체퀴즈 → 다시 시작할 때로 돌아간다면
- 그 당시에는 그게 최선이다.
- 코드를 작성하는 데 있어서 재사용성이나 관심사의 분리가 중요하지만
- 1순위는 기능 구현이 목표
우리맵
- 🙋🏻 next.js를 사용한 이유는?
- 이 프로젝트 주제를 선정 전 부트캠프 블로그를 만드려던 기획 → 여기서는 SEO가 중요하다고 생각 →
- 기획이 private하게 되어 next.js를 제대로 사용하지 못함
- 이전과는 다른 프레임워크를 사용해보자
- 🙋🏻 next.js와 cra의 차이?
- cra → 코드를 작성하는 것이 메인
- 프레임워크는 코드를 끼워 넣는 방식 → 코드가 숨겨져 있는게 많다.
- 🙋🏻 cra 사용 해보셨나요? babel, env 추가 등이 없어도 동작이 되는데 이것도 프레임워크라고 할 수 있을까?
- 그럴 것 같다.
- 🙋🏻 회사 기술 블로그 하나 만들어주세요. 어떤 것을 고려했을까?
- 블로그 중요성 → 검색 엔진 노출 이라고 생각
- 🙋🏻 SSR vs SSG vs ISG 알고 있나요?
- 몰라용
- 🙋🏻 아는 곳 까지 말해주세요
- SSR
- 🙋🏻 템플릿?
- 🙋🏻 리액트 18에서 SSR지원하는데 알고 계시는지? 리액트 18에서 지원하는 SSR과 next.js의 SSR은 무슨 차이?
- 🙋🏻 SEO 하는 방법
- meta태그 사용
- 🙋🏻 그 외에는?
- 🙋🏻 퍼포먼스 이슈가 발생했다. 너무 느려요 빠르게 어떻게 안될까요? 어떤 절차로 확인할 것인가요?
- 크롬 lighthouse 에서 테스트 진행
- 어느 부분이 문제인지 확인함
🙋🏻 jsx가 어떻게 화면에서 보여지나요?
- ㅠㅠ
- 🙋🏻 css는 어떻게 브라우저에서 잘 동작될까요?
- 웹팩 → 번들
🙋🏻 typesciprt 적용은 어떻게 했는지?
- 바벨로 적용
- 동시에 js로 변환 할 수 있도록 함
- 🙋🏻 바벨을 사용한 이유는?
- 큰 이유는 없다.
- npm 다운로드 수가 월등히 높아서 사용
🙋🏻 회사에 입사를 했을 때 어떤 환경에서 최상의 퍼포먼스를 낼 수 있을까?
- 협업 측면
- 함께 일을 하기 위해서는 존중하는 문화가 바탕이 되어야 한다고 생각
- 자유롭게 의견을 낼 수 있는 환경
🙋🏻 준혁님이 궁금한 부분은?
- 아뇨
🙋🏻 피드백
- 전반적으로 조리 있게 잘 대답, 아시는 선에서 잘 대답
- 가장 최근 프로젝트의 next.js
- 접근성을 고려, SSR 좋아보였다.
- 그 부분을 잘 알고 계신가?