kern yooNext.js, Module federation 환경에서 i18n적용하기Web 에서의 Application을 만드는 과정에서, 한번은 꼭 생각하게 되는 부분이 문자열에 대한 처리 혹은 다국어 (i18n) 에 대한 처리 일 것입니다. 물론 컴포넌트나 템플릿에 그대로 작성하는 경우가 많지만, 많은 페이지 수가 있는 규모가…May 19May 19
kern yooModule Federation을 이용하여 Next.js 앱간의 개발 효율성을 높이기(2)현재 한화생명 LMP 프로덕션 팀에서 Next.js 기반의 앱에서 module federation을 적용한 기록과 그 이유를 기록합니다. —next.js에서 module federation을 설정하는 예시를 올립니다.Aug 28, 2023Aug 28, 2023
kern yooModule Federation을 이용하여 Next.js 앱간의 개발 효율성을 높이기(1)현재 한화생명 LMP 프로덕션 팀에서 Next.js 기반의 앱에서 module federation을 적용한 기록과 그 이유를 기록합니다. — 금번 1편에서는 왜 프론트파트에서 module federation을 만들어야 했는지, 대략적으로 어떤…Aug 28, 2023Aug 28, 2023
kern yoogithub actions에서 turborepo build cache 적용하는 방법현재 진행하고 있는 프로젝트를 rush monorepo에서 turborepo로 변경하면서, 가장 주요하게 보았던 부분은 각 패키지별 build cache(https://turbo.build/repo/docs/core-concepts/caching)…Jul 8, 2023Jul 8, 2023
kern yoomonorepo framework 전환기 (rush 에서 turborepo로)turborepo로 전환 및 yarn berry를 이용하여 rush monorepo에서 turborepo로 전환한 방법 및 이슈를 정리합니다.Feb 6, 2023Feb 6, 2023
kern yooserverless-next.js build 만 분리하기현재 서비스에서 serverless-next.js 를 사용해서 앱을 배포 중에 있습니다. serverless-next.js는 serverless 플러그인을 이용하여 AWS 인프라의 cloudfront + lambda + S3 를 이용하여…Dec 30, 20221Dec 30, 20221
kern yoo2022년 개발 회고 결산호랑이해라서 대운이 있을거라고 생각한게 엊그제 같은데, 벌써 2022년도 다 갔네요.. 개인적으로 좋았던 일들도 많고, 부침도 있고 마음고생도 있었던 한해였던것 같습니다. (안팎으로요) 새해복 많이 받으세요 🙇♂️Dec 27, 2022Dec 27, 2022
kern yoocloudfront를 사용한 Next.js 사용시 serversideProps에서 useragent 감지하는 방법현재 진행하고 있는 프로젝트에서 Next.js와 Amplify를 사용하고 있었습니다. Amplify는 기본적으로 cloudfront + lambda + S3로 구성되는 인프라를 구축하고 있었으므로, 배포에 대한 수고로움을 줄이고자 Amplify를…Jul 18, 2022Jul 18, 2022
kern yoonx를 이용한 react monorepo 만들기 — workspace 만들기monorepo란, 다양한 모듈을 여러개의 repository로 관리하지 않고, 하나의 repository에서 패키지 등으로 분기하여 관리하는 것을 의미합니다.Feb 12, 2021Feb 12, 2021
kern yoowebpack에서 typescript tsconfig 다중으로 설정하기프로젝트로 typescript와 react로 전환을 준비중에 있습니다. 프로젝트가 pc 및 mobile을 모두 대응해야 했고, 각자의 target이 달라 각 디바이스별로 tsconfig를 분리해서 진행해야 하는 이슈가 있습니다. (실제로 IE 하위…May 26, 2020May 26, 2020