왜 storybook은 toss팀의 오픈소스를 사용했을까?

지도에 마커를 표시하기 위해 데이터를 불러와야 한다. 클라이언트에서 보고 있는 영역에 대한 데이터만 불러오려면 어떻게 해야 할까?

아웃바운드를 위하여 후보자를 외부 사이트(ex. 링크드인)를 통해 소싱하려고 할 때, 위하이어 사이트와 소싱을 위한 외부 사이트를 번갈아가며 작업하는 것이 번거롭기에 이를 해결하기 위해 확장 프로그램을 개발하였습니다.

채용 페이지를 쉽게 구성하고, 관리할 수 있도록 어드민 페이지를 제공하고, 채용 페이지의 SEO 최적화를 통해 더 많은 구직자들에게 접근할 수 있도록 한다.

여러 클라이밍장의 세팅 일정을 한눈에 확인할 수 있도록 정보를 제공합니다. 또한, 사용자가 특정 클라이밍장을 방문했을 때, 이후 언제 다시 방문해야 해당 클라이밍장의 모든 섹터가 새롭게 바뀌는지 확인할 수 있습니다.

💡 예비 신혼부부의 이야기를 담은 풍성한 모바일 청첩장을 만들어, 초대 받는 사람들이 결혼식 주인공들에 대해 깊게 이해하고 마음 깊이 축하할 수 있도록 돕는 서비스입니다.

복잡한 폼은 어떻게 설계해야 할까?

왜 떨어졌을까? 시간을 들인 과제를 회고하면서, 개선점을 찾아보기

인스타그램 부계정으로도 해결이 가능한 문제는 굳이 서비스로 만들 필요가 없는 것이 아닐까?

서비스를 만들고 싶지만, 만들기 전에 고민 했던 점과 그래서 만들지 않게 된 이야기

이미지의 용량이 크면 청첩장을 만들 때에도 사용자 경험이 좋지 않고, 청첩장을 볼 때에도 경험이 좋지 않을 것이기에 이미지의 용량을 줄이는 과정이 필요했다.

사이드 프로젝트 - 모바일 청첩장 빌더 만들기

리액트 렌더링을 액자에 걸린 그림에 비유해서 바라보면 어떨까?

쿠키, Package.json, 브라우저 렌더링

serverState와 clientState를 동기화하는 방법

supabase의 storage를 이용해서 이미지 업로드하기

table에 row가 insert 되었을 때, 다른 테이블에 데이터를 추가하기

클라이언트 컴포넌트에서 RevalidateTag 호출하기, input:autoComplete "one-time-code"란?, zod로 formData를 검증하기

metaData 동적 생성하기, Next RouteAPI와 서버 액션을 통한 데이터 생성/수정하기

Next.js 프로젝트에 supabase를 연결해서 사이드프로젝트를 만드는 중에 발생하는 우당탕탕 TIL