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