- 전체보기(178)
- CS(27)
- React(17)
- docker(12)
- CSS(12)
- 컴퓨터구조(10)
- 네트워크(9)
- 운영체제(8)
- react native(7)
- graphql(6)
- 회고(5)
- next.js(5)
- webview(5)
- 머신러닝(5)
- SSR(4)
- three.js(4)
- React18(4)
- mongodb(4)
- 성능최적화(4)
- JavaScript(3)
- prisma(3)
- 자료구조(3)
- 3D(3)
- python(3)
- vite(3)
- PlanetScale(3)
- nextjs(3)
- microservice(3)
- 코딩테스트(2)
- zod(2)
- rsc(2)
- Suspense(2)
- canvas(2)
- typescript(2)
- web(2)
- component(2)
- Module Federation(2)
- Micro Frontend(2)
- npm(2)
- Web vitals(2)
- library(2)
- nodejs(2)
- mobile(2)
- blender(2)
- 사이드 프로젝트(2)
- TDD(2)
- react hook form(2)
- storybook(2)
- gesture(2)
- NextAuth(2)
- electron(2)
- CI/CD(2)
- ec2(2)
- 스프링배치(2)
- ncloud(2)
- github actions(2)
- pnpm(2)
- prometheus(2)
- mysql(2)
- vitest(2)
- MSW(2)
- aws(2)
- 백준(2)
- tsdx(1)
- topojson(1)
- Turborepo(1)
- Markdown(1)
- XSS(1)
- JWT(1)
- form(1)
- 헤드퍼스트디자인패턴(1)
- Event(1)
- QGIS(1)
- animation(1)
- MacOS(1)
- monorepo(1)
- cannon.js(1)
- Vercel(1)
- shadcn/ui(1)
- Jotai(1)
- touch(1)
- react-query(1)
- local storage(1)
- terraform(1)
- Database(1)
- debug(1)
- Web API(1)
- cookie(1)
- Design Pattern(1)
- svgr(1)
- Context API(1)
- velog(1)
- browser(1)
- 협업(1)
- gist(1)
- CommonJS(1)
- ESM(1)
- Module(1)
- 상태관리(1)
- tailwindCSS(1)
- geo(1)
- Chart.js(1)
- geojson(1)
- zustand(1)
- mouse(1)
- font(1)
- package(1)
- radix-ui(1)
- XSRF(1)
- hydration(1)
Chart.js 소개 및 코드 분석 - 차트는 어떻게 만들어지는가
차트 라이브러리 중에 Chart.js에 대해 알아보면서 차트는 어떻게 만들어지는지 디버깅을 통해 알아보는 시간을 가졌습니다.
Three.js cannon 3D 물리 엔진 알아보기
3D Dice 프로젝트를 통해 Three.js와 Three.js cannon 3D 물리 엔진 알아보기
Blender 첫 사용기 및 3D Dice 만들기 실습
Blender 첫 사용기 및 무작정 3D Dice 따라만들기 실습, 그리고 나서 Three.js + R3F 에서 로드해서 웹 페이지에 보여주는 부분까지 진행해봤습니다.
Three.js와 R3F(React Three Fiber) 기초
이번 사이드 프로젝트는 Blender와 Three.js를 활용한 3D 모델 조작과 관련된 개발을 진행해보려고 합니다. 이를 위해 Three.js와 R3F(React Three Fiber)에 대해 간단하게 알아보겠습니다.
Jotai 공식 문서를 통해 사용법에 대해 알아보자
사이드 프로젝트로 전역 상태 도구를 사용할 필요가 생겨서 Recoil을 사용하려다가 Jotai를 사용하게 된 썰. 하지만 조금 익숙하지 않아서 공식 문서를 통해 천천히 읽어봤습니다.
Using Prisma with a PlanetScale database
PlanetScale를 사용했을 때 Prisma Schema 작성 시 주의사항과 기본적인 Prisma Schema 작성 방법, 간단한 예시를 알아봤습니다.
Next.js 13 Parallel Routes, Intercepting Routes
최근에 Next.js 13에서 새로운 Routes 기능이 생겼다는 사실을 알게되었습니다. Next.js 13.3 버전에서 새로 생긴 Parallel Routes, Intercepting Routes를 소개합니다.
shadcn/ui 를 이용한 공유 UI 컴포넌트 사용 경험
공유 UI 컴포넌트를 가져다가 사용하는 방법에는 어떤 것들이 있을까요? 이에 대해 알아보고 Radix-ui와 이를 기반으로 만들어진 shadcn/ui 를 선택한 이유와 간단한 사용 방법에 대해 알아봤습니다.
Next.js + Prisma + PlanetScale + NextAuth 인증 처리 (2)
Next.js를 기반으로 해서 Prisma, PlanetScale, NextAuth를 사용해서 간단하게 인증 처리를 구현해보도록 하겠습니다. 2편입니다.
Next.js + Prisma + PlanetScale + NextAuth 인증 처리 (1)
Next.js를 기반으로 해서 Prisma, PlanetScale, NextAuth를 사용해서 간단하게 인증 처리를 구현해보도록 하겠습니다.
Next.js 13.4 Server Actions에 대해서 ("use server")
"use client"는 알겠는데 "use server"는 또 무엇일까요? 알고 보니 Next.js 13.4 Server Actions 라는 새로 생긴 기능이었습니다. 허허... 아직 알파 버전이라서 실험적인 기능입니다.
RSC(React Server Component) 는 도대체 뭘까? (2)
RSC(React Server Component) 는 도대체 뭘까? 2편으로 돌아왔습니다. 쉽지 않네요. 하하...
RSC(React Server Component) 는 도대체 뭘까? (1)
7월 첫 포스팅에 대한 주제로 RSC(React Server Component)를 정했습니다. RSC에 대해 공부하고 있지만, 도대체 이 녀석을 뭘까? 지금도 솔직히 잘 모르겠습니다. 그래도 조금이라도 알아보도록 하겠습니다...!
Next.js 13에서 React Query SSR 적용하는 방법
이번 시간에는 Next.js 13에서 React Query SSR 을 적용하는 방법에 대해 알아보도록 하겠습니다. 아. 이왕 하는김에 React Query가 무엇이고 왜 사용하는지 간단하게 알아보고 넘어가도록 하겠습니다.