솔미는 성장중

8개국어 다국어를 적용해야 하는 작업이 나에게 들어왔다..!한번 설계를 잡아두면 계속해서 같은 방식으로 사용해 나갈 것이기에 효율적인 설계를 하고 싶은 마음이 컸다. 고려해야할 것은 크게 2가지가 있다.첫번째로는 이용자의 국가를 판별하는 것, 두번째는 어떻게 다국어 콘텐츠를 제공할 것인지이다.  1. 이용자의 국가 판별-  접속 ip대역 : 접속 ip대역을 통해 자동으로 언어를 설정하는것은 비추천 합니다. 사용자가 직접 언어를 선택해서 사용할 수 있게 하는게 제일 좋은거 같습니다. 그 이유는 사용자가 잠시 해외에 거주중인 상태에서 접속한다면 한국어로 보고싶어도 대역이 해외로 잡혀서 자동으로 언어가 전환되면 오히려 이런 유저들은 불편함을 초래할 수 있기 때문입니다! 그래서?- 모바일 설정 언어를 기본으로 ..

Next.js란 ? react-page에서 영감을 받아 만들어진 프레임워크. (서버사이드 렌더링) nextJS는 기본적으로 pre-rendering을 한다! Pre-rendering : HTML을 미리 렌더링 ▶︎ hydration (js를 불러오며 인터랙션 가능해짐) 브라우저처럼 동작하지 않는(JS를 실행하지 않는) 검색엔진에서도 데이터를 조회할 수 있기에 SEO 향상된다! (SSG(빌드타임에 pre-render), SSR(요청타임에 pre-render) 데이터 패칭 방식을 이용해야 함) No Pre-rendering: JS가 load되어야지만 화면이 보임 (대부분의 SPA) Next 시작하기 npx create-next-app@latest --ts Next 기본 파일 (예약어로 관리되는 페이지) 뜯어..