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

이 글은 네이버 블로그에 2024년 8월 18일에 올렸던 것을 그대로 옮겨온 것입니다.

• Recoil, Zustand, Redux, Context API 비교

• 지역변수를 전역변수로 전환하는 기준

• 변수 관리 방법에 따른 렌더링 효율 비교

• 다양한 전역변수 패키지 비교 (recoil, zustand, redux, context api)

• 테스트코드를 활용한 효율적인 리팩토링

• jest 와 cypress를 활용한 테스트코드 작성

• 테스트 해야하는 것 vs 테스트하지 않아도 되는 것

• 유닛테스트 vs 통합테스트 vs e2e테스트

• JavaScript 테스트코드 문법

• 테스트코드 작성 시 적절한 mocking 사용법

• 백엔드 코드를 수정할 수 없을 때 프론트엔드가 할 수 있는 최적화 방법

• Lighthouse, Profiler, Lazy Loading

• Profiler를 활용한 컴포넌트 렌더링 효율 측정법

• 프로젝트 고도화를 통한 Lighthouse 점수 개선

• 백엔드 코드를 수정할 수 없을 때 프론트엔드가 할 수 있는 고도화

• 리팩토링, SOLID, YAGNI

• 리팩토링이 필요한 이유

• 리팩토링은 언제 해야할까?

• 리팩토링 방법

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