https://velog.io/@bnb8419/프론트엔드-성능-최적화-Part.2 프론트엔드 성능 최적화 Part.2이미지 Lazy Loading, 폰트최적화, 동영상최적화velog.io https://toss.im/slash-21/sessions/3-3 실무에서 바로 쓰는 Frontend Clean Code실무에서 클린 코드의 의의는 유지보수 시간의 단축입니다. 동료 혹은 과거의 스스로 짠 코드를 빠르게 이해할 수 있다면 유지보수할 때 드는 개발 시간이 짧아집니다. 실제 예시와 함께 1. 응집toss.im https://medium.com/myrealtrip-product/마이리얼트립-ssr-최적화-a73815c6cdfc 마이리얼트립 SSR 최적화SSR 도입으로 SEO·초기 로딩을 개선하려다 react..
https://miriya.net/blog/cliz752zc000lwb86y5gtxstu https://dev.to/algoorgoal/nextjs-tailwindcsse-pretendard-ponteu-jeogyonghagi-1g87 🧱Next.js 14에 Pretendard 폰트 적용하기이번 글에서는 Next.js 14 버전에서 Pretendard 폰트를 적용하는 법과, 기존에 cdn에서 폰트를 적용하는 것에 비해서 어떤 최적화가 이루어지는지 다루겠습니다. 현재...dev.to
플러그인npm: @trivago/prettier-plugin-sort-imports @trivago/prettier-plugin-sort-importsA prettier plugins to sort imports in provided RegEx order. Latest version: 5.2.2, last published: 2 months ago. Start using @trivago/prettier-plugin-sort-imports in your project by running `npm i @trivago/prettier-plugin-sort-imports`. There are 237 otherwww.npmjs.comnpm: prettier-plugin-organize-imports prettie..
Next.js App Router가 업데이트되며 이전에 보았던 강의도 추가적인 업데이트가 올라와서 해당 강의를 수강하며 App Router가 되면서 변경된 사항을 정리해보려한다. # route 방식 변경 기존 pages/에서 app/ 폴더로 바뀌고, page.js, layout.js 등의 파일 이름으로 고정. 경로는 이제 무조건 폴더를 만들어 설정해야한다. SvelteKit과 비슷해진 느낌. # 동적 경로 props.params에 접근해 slug 이름에 따라 params.slug 처럼 접근하면 된다. # 클라이언트 실행 App Router로 변경되며 기본적으로 서버 컴포넌트가 되었다. 컴포넌트를 클라이언트 실행하기 위해서는 파일의 위에 "use client"; 를 적어주면 된다. 이런 서버 컴포넌트의 장..
