- 전체보기(57)
- JavaScript(17)
- algorithm(7)
- 알고리즘(3)
- 프로그래머스(3)
- frontend(2)
- 성능 최적화(2)
- 우아한테크코스(2)
- React(2)
- nextjs13(2)
- 우아한 테크코스(2)
- 웹팩(2)
- webpack(2)
- 제너레이터(1)
- 실행컨텍스트(1)
- nextjs(1)
- 프론트엔드(1)
- Firebase(1)
- storybook(1)
- typescript(1)
- 타입스크립트(1)
- UI(1)
- 자바스크립트(1)
- github action(1)
- 빌드(1)
- react-query(1)
- web(1)
- cors(1)
- 에러바운더리(1)
- 자료구조(1)
- npm(1)
- build optimization(1)
- 에러핸들링(1)
- Cloudinary(1)
- Image Optimization(1)
[front-end] 공통의 저주
당신은 공통 컴포넌트의 저주에 당했습니다. 30초안에 게시물을 들어오지 않으면 Headless가 되버립니다. 30..29..
[chrome-extension] chrome extension 으로 쿠키 다루기
내가 만든 cookie~ chrome extension입니다 🍪
[Next.js 13] 이모저모
Isr vs ssr, searchParams, error boundary, streaming ssr, zero-bundle... 암튼 Next.js 13에 도움되는 이것저것 적어봤습니당
[Next.js 13] 폴더 구조 + 이쁜 잡기술
app router를 위한 폴더구조 + 프론트엔드에게는 매우 중요한 이쁜 폴더색깔을 유지해봅시다 ✨
[Next.js 13] Next.js 13 with react query
react-query와 nextjs13의 app dir를 같이 사용해봅시다. (별거없음)
[Next.js 13] eslint-plugin-server-component-rules 개발기
server component의 룰을 eslint로 잡아봅시당.
Server Component 실전에서 써먹기 (2편 - 서버컴포넌트 with 에러바운더리)
서버컴포넌트에서 에러바운더리를 못쓰는데 어떡하지? 만들어야지..
극한의 프론트엔드 성능최적화 2편 (Image 최적화)
you just activated my trap card! next/image의 함정에 빠진 당신 next/image를 안쓰고 최적화를 해봅시다
극한의 프론트엔드 성능 최적화 0편 (프롤로그)
취업한 후에 블로그 활동을 하지 않아 오랜만에 작성하는것 같네요. 이번에 한번 얘기해볼 주제는 극한의 웹 성능 최적화 편입니다. 아마 어떤 도구를 이용해서 최적화 했는지에 따라서 편을 나누어 여러편의 게시물이 나올것 같네요~일단 성능 최적화를 하는 방법을 알아보기 전에
github action 환경에서의 빌드속도 개선기
웹팩 개발환경 빌드속도 개선기 - 1웹팩 개발환경 빌드속도 개선기 - 2또 어떤 문제가 있길래 빌드속도 개선을 저렇게 했는데 또 이 게시물을 작성할까?이번에는 ci tool인 github action에 대해서 알아보자! 현재 프로젝트에서는 yarn run test, y
웹팩 환경에서의 빌드 속도 개선기 - 2
웹팩 개발환경에서의 빌드 속도 개선기 - 1 위의 게시물을 작성하고 문제가 발생하였다. 바로 ts-loader에서 하는 타입체킹이 local에서는 통과하지만 github action, jenkins와 같은 ci tool에서는 이상한 곳에서 타입에러가 발생하였다. e