본문 바로가기

🌼 TIL

🌞 2/6 내배캠 React 70일차 [최종 프로젝트]

최종프로젝트가 진행되었다. 

정말 많이 부족한 상태로 최종프로젝트를 시작하게 되었다.

너무나도 마음이 잘 통하는 팀원들과 한팀이 되어 인사를 나누고, 디자이너님도 함께 회의를 진행하게 되었다. 

주제를 선정, 와이어프레임을 짜기 전, IA(정보구조도, InformationArchitecture)를 먼저 진행하였다.

 

와이어 프레임 및 추가적인 수정을 쉽게 하기 위해 IA를 이용하였다.

이후

IA를 기반으로 한 아주 기본적인 와이어프래임을 구상하였다.

현재 계획에서 들어가야 할 기능들은

  • 로그인, 회원가입
  • CRUD
  • Map Api
  • 검색기능
  • 팔로우 기능

등이 있고, 추가적으로 디테일하기 들어가는 기능들이 있다.

사진을 기반으로 한 프로젝트 이기 때문에 데이터를 불러오는 일도 많을 것이다.

그래서 React와 Next.js중 어떤 걸 선택할 지 고민을 많이 했다.

 

근데 두가지의 차이점에서 우리 프로젝트에서 적용할 수 있는 장점이 눈에띄게 확연하지는 않아서 고민을 하다

Next.js를 사용하기로 했다.

 

Next.js는 웹 개발자에게 필요한 다양한 기능을 제공해주는 리액트 프레임워크이다.

특징

  • 개발 환경 설정이 쉽고 간단하다.
  • SEO(Search Engine Optimization)을 위한 SSR(Server-Side rendering)을 지원한다.
  • 초기 로딩 속도 개선을 위한 자동 code splitting(코드 분할)을 지원한다.