All Posts

• 발행일

  2024년 8월 18일

  [원티드] 포토폴리오 작성을 위한 리액트 프로젝트 고도화

  교육

  1. 리팩토링 경험이 있다면 무엇을 어떻게 리팩토링 했는지 작성해주세요. 2. Web Vitals에 대해 설명 해주세요. 3. 테스트에서 mocking에 대해 설명 해주세요. 4. e2e 테스트에 대해 말해주세요. 5. 전역 변수를 사용하면 어떤 장점이 있나요?

• 발행일

  2024년 8월 5일

  [ZBF] 10주차 멘토링 - 회고

  기술노트면접

  1. 간단한 설정: React 내장 기능으로, 외부 라이브러리 없이도 간단히 사용할 수 있습니다. 2. 프롭스 드릴링 방지: 중첩된 컴포넌트를 거치지 않고, 직접적으로 상태를 전달할 수 있습니다. 3. 경량 솔루션: 작은 규모의 애플리케이션이나 상태가 간단한 경우 매우 효율적입니다.

• 발행일

  2024년 8월 4일

  [ZBF] 9주차 관련 네트워크

  기술노트네트워크

  송신부와 수신부의 연결을 확인 하는 연결형 서비스

• 발행일

  2024년 8월 1일

  액세스 토큰을 7일 쿠키에 넣고 있었다 — 이름만 암호화였던 setEncryptedCookie

  기술노트네트워크

  로그인하면 액세스 토큰, 리프레시 토큰, userId를 전부 7일짜리 쿠키에 넣었습니다. 넣는 함수 이름은 setEncryptedCookie였는데 안에서 하는 일은 js-cookie의 set 한 줄이었고, 같이 깔아 둔 crypto-js는 한 번도 import되지 않았어요. 액세스 토큰이 5분으로 줄어든 건 한 달 뒤였고, 그 이름을 버린 건 여덟 달 뒤였습니다.

• 발행일

  2024년 7월 25일

  무한 스크롤 비교 — 쓸 것인가, 그리고 무엇으로

  기술노트React

  무한 스크롤 라이브러리를 비교하기 전에 "무한 스크롤을 쓸 것인가"부터 정해야 했습니다. 페이지네이션과의 트레이드오프, 그리고 useInfiniteQuery·useQuery·useSWRInfinite 중 무엇을 고를지의 기준을 정리했습니다. 구현 코드는 별도 글로 뺐습니다.