전체 글53 [Tip] next.js에서 i18n 을 세팅해보자 i18n 이란? i18n(국제화)이란 응용 프로그램을 다양한 지역에 맞게 조정하는 시스템이다. 여기서는 한국어, 영어 정도의 번역만 다룬다. 기본 동작 원리 next-i18next.config.js 파일을 통해 next-i18next에 대한 구성 환경을 제공한다. 환경 세팅 후 appWithTranslation을 useTranslation 훅에 있는 메서드(?)인 t를 통해서 해당 url에 맞는 번역 기능을 제공한다. next-i18next 설치 npm i next-i18next // yarn add next-i18next 기본 셋업 // next-i18next.config.js module.exports = { i18n: { defaultLocale: "ko", locales: ["en", "ko"],.. 2022. 5. 30. [TIL] 220528 ~ 29 ### 한 일 - cs 공부 - javascript - webgl - 프로젝트 작업 (햄버거 메뉴, 지도 알림말 필터, i18 적용 등) ### 회고 글을 쓰고 싶은 주제가 밀려있는데, 차근하게 풀어나가야 겠다. 주말 동안 갑자기 스케줄이 생겨서 원하는 만큼 학습을 못해서 아쉬웠다. 예전에 유튜브로 올린 학습 자료를 보면서 다시 시작해야 겠다는 생각이 들었다. 2022. 5. 30. next.js 에서 _middleware.ts의 역할과 최근 활용 예시 프로젝트를 진행하면서 특정 페이지에 접근을 했을 때, 예를들어 로그인을 하지 않았을 때 리다이렉트를 해야하는 경우 next.js 에서는 _app.tsx 파일에서 useEffect를 통해서 토큰과 pathname을 기준으로 리다이렉트를 시키곤 했다. 이때 문제는 접근 안 되는 페이지에 url을 입력했을 때 해당 페이지가 잠깐 노출이 되고 리다이렉트를 시키는 문제가 있었는데, _middleware에 설정을 하면 페이지 전환 없이 바로 원하는 페이지로 리다이렉트를 할 수 있었다. (쿠키에는 접근이 가능한데 localStorage에는 접근이 안 되서 헤멘적이 있다) middleware API 란? request를 기반으로 response를 조작하고 구성하는 방법을 더 잘 제어할 수 있게 제공 되는 API 쉽게 .. 2022. 5. 22. TIL 0521 한 일 티스토리 블로그 세팅 cs 공부 리액트 프로젝트 작업 노드 디자인 패턴 정리 회고 최근에 면접 지원서와 면접을 진행하면서 CS에 조금 더 집중해야 겠다는 생각과 개인 블로그 관리를 열심히 해야 겠다는 생각이 들었다. 티스토리 셋업을 하는데 시간이 많이 소요됐다. 나중에 좋은 템플릿으로 교체해야 할 거 같다. 기본에 충실한 개발자가 되고 싶다. 갈 길은 멀지만 꾸준히 그리고 즐겁게 헤쳐나갔으면 좋겠다. 2022. 5. 21. 이전 1 ··· 10 11 12 13 14 다음
