최대한 수업시간에 배운 컴포넌트와 혹을 사용하되, 코드 리뷰를 통해서 최적화를 거치는 작업을 하였으면 좋겠습니다 (ex : 이미지 컴포넌트의 lazy loading에 있어서 transition의 추가 등)
React
참고자료 : 10 Key Reasons Why You Should Use React for Web Development
-
사소한 이유
- 현재 배우고 있는 라이브러리이고, 실습해 볼 기회가 없었는데 이번 기회로 실습해 볼 수 있다.
- React의 경우 jsx를 사용함으로써 선언적인 프로그래밍을 통하여 클라이언트를 구현할 수 있는데, 지금까지 배운 내용(함수형 프로그래밍 등)을 React와 함께 실습해 볼 수 있는 기회임
- Vanilla JS를 통하여 컴포넌트 단위로 추상화 하는 방법을 위주로 실습을 해봤음. 이를 React를 통하여 적용하면서 Vanilla JS와 어떤 점이 다른지, 비교하면서 코드를 짜보고 싶고(왜 React가 적용되었는지 느껴보기), UI를 구현할 때 가장 중요한 요소인 상태를 추상화하고 관리 하는 방법에 대해서 배울 수 있을 것이라고 기대됨.
- 또한, 현재 가장 많이 사용되는 라이브러리이기 때문에 검색하면서 관련자료를 찾기가 쉬움 (개인적으로 이게 제일 큰 이유..)
-
확장성 : 후에 Next.js나 React Native, Gatsby, Electron 로 확장 가능
React Native로 추후에 애플리케이션으로 확장할 수 있고(현재 구현하는 기능은 애플리케이션 형태에 더 적합한 기능일 수도 있음), “정보 공유”의 성격이 있을 만큼 SEO가 중요할 것이라고 생각됨 (Next.js)

in 리액트 공식문서
React Context API + useReducer
- 프로젝트의 규모가 별로 크지 않기 때문
- 전역적으로 관리해야 할 상태가 많지 않을 것이라고 예상함
- 리액트 본연의 기능(built-in), third-party 라이브러리를 설치하지 않아도 됨.
→ 사실 Redux 사용해도 상관 x, 그에 따른 장점이 있다 생각하기 때문에 여러분의 의견을 따를게요
(관련자료 : **리덕스 잘 쓰고 계시나요?)**
Emotion
- 비슷한 라이브러리인 styled component랑 유의미한 차이는 없다고 함. 개발자 입장에서 익숙한걸 사용하자는 의견 (사용법도 완전히 똑같다)
CSS-in-JS를 사용하는 이유
Axios