inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

call5h5ong님의 블로그

call5h5ong call5h5ong

@call5h5ong

수강평 작성수
-
평균평점
-

블로그 6

turbo prune는 도커하고 친해지고 싶어

turbo prune는 도커하고 친해지고 싶어

서론 turbo prune 이 다시 돌아왔습니다! 저번에는 이 명령어가 터보레포의 특정 워크스페이스를 도커 이미지로 빌드할 때 왜 필요한지, 또한 기본적으로 어떻게 동작하는지 확인했습니다. 거기에 더해 하나를 더 알아볼 겁니다. 기존의 방법으로도 도커 이미지를 빌드하기에는 충분하지만 완벽하지는 않습니다. 해결하지 못한 작은 문제가 하나 있거든요. 문제점 질...

좋아요수
3
  • 프론트엔드
  • turborepo
turborepo는 가지치기가 필요해

turborepo는 가지치기가 필요해

서론 요즘 핫하고 핫한 모노레포 빌드 시스템이 있습니다. 이름하야 터보레포(turborepo), 무려 Nextjs를 만들고 있는 Vercel에서 제작했습니다. Nextjs를 무진장 사랑하는 저는 반드시 찍어 먹어봐야 되겠다고 생각을 했습니다. 그래서 간단한 앱을 만들어 빌드까지 해보기로 했죠! 오늘의 주제는 바로 그 빌드와 관련 있습니다. 재밌는 부분을 찾...

좋아요수
6
  • 프론트엔드
  • turborepo
  • docker
RTK 쿼리는 SSR을 하고 싶어!

RTK 쿼리는 SSR을 하고 싶어!

서론 요즘 RTK 쿼리와 함께 Nextjs에서 SSR을 적용하는데 꽤 시간을 들이고 있습니다. 물론 리액트 쿼리라는 걸출한 패키지가 존재합니다. 그런데 어쩌겠습니까, 저의 마음 속 한 켠에는 이미 RTK 쿼리에 대한 열망이 불타올랐던 겁니다! ... 사실은 리덕스로 노는 와중에 찾아볼 게 있어서 문서에 들어갔다가 영업당한 것에 가깝습니다. 이 글을 작성할 ...

좋아요수
1
  • 프론트엔드
  • SSR
  • RTKQuery
  • Redux
  • ReduxToolkit
  • ReduxToolkitQuery
  • Nextjs
nextjs는 typescript가 무섭대요

nextjs는 typescript가 무섭대요

서론 어느 한 겨울의 이야기 입니다. 그는 nextjs와 함께 즐겁게 코드를 짜고 있었습니다. 어느 때와 같이 리덕스 스토어에 사용되는 union type을 수정하고 저장을 한 다음 정상적으로 컴파일된 걸 확인합니다. 그 순간 그의 등줄기를 타고 소름이 돋습니다. 무언가 이상함을 느낍니다. 그는 스크롤을 내립니다. 드르륵- 드드륵- 한 오브젝트가 보입니다....

좋아요수
3
  • 프론트엔드
  • nextjs
  • typescript
  • vscode
vscode는 tw.macro 자동 완성의 꿈을 꾸는가?

vscode는 tw.macro 자동 완성의 꿈을 꾸는가?

서론 emotion 과 tw.macro 로 즐거운 시간을 보내고 있던 어느 날, 여러분은 이상한 점을 발견하게 됩니다. 자동 완성에 아무 것도 나타나지 않습니다! 당황한 나머지 익스텐션을 다시 깔아봐도 자동 완성은 꿈쩍도 않습니다. 기존의 방식대로 입력을 하니 비로소 제대로 작동합니다. 이게 무슨 일인가요? 혹시 얼어 죽어도 class단이 마침내 그 사악한...

좋아요수
4
  • 프론트엔드
  • tailwindcss
  • twin.macro
  • completions
  • autocomplete
  • vscode
nextjs 12에서 emotion과 함께하는 tailwindcss

nextjs 12에서 emotion과 함께하는 tailwindcss

Nextjs 12 is coming... nextjs 12에서 놀라운 소식이 전해졌습니다. 컴파일러로 swc를 채택했다는 것을요! 여러가지 이유가 있겠지만 가장 중요한 건 기존에 사용하던 babel보다 빌드가 최대 5배나 빨라졌다는 겁니다. 참고로 fast refresh는 최대 3배나 빨라졌다네요! 좋은 소식입니다. 하지만 변화에는 언제나 문제가 발생하기 ...

좋아요수
4
  • 프론트엔드
  • nextjs
  • tailwindcss
  • emotion
  • swc
  • twin.macro