분류 전체보기 (52) 썸네일형 리스트형 [TRAIVEL] 한국어 전문 여행 일정 생성 AI, TRAIVEL v1.0 출시 [TRAIVEL] 개인 맞춤형 여행 일정 생성 플랫폼 TRAIVEL [TRAIVEL] 개인 맞춤형 여행 일정 생성 플랫폼 TRAIVEL🚩 소개안녕하세요. 대학생 개발자 주이어입니다!오늘은 제가 이번에 진행하는 프로젝트에 대해서 비즈니스 & 마케팅 중심으로 글을 작성해보려고 합니다.흔히 "Product Launch" 라고 불리는 스타blog.juyear.dev이전 글 읽으러 가기! 🚩 소개안녕하세요. 대학생 개발자 주이어입니다!오늘은 약 한달 전에 소개드렸던 "자연어 입력 기반 여행 일정 생성 AI", TRAIVEL 서비스가 드디어 MVP 개발이 끝나고 v1.0으로 정식 출시되었습니다! 🎉이번 글에서는 TRAIVEL의 주요 기능들을 간단하게 소개하고, 앞으로의 계획 함께 링크를 첨부해드릴 예정입니다... [React] react-loading-skeleton 적용 및 응용 (skeleton UI) [React] 선반영, 후처리 유저 경험 및 성능 향상 - 낙관적 UI 업데이트 (Optimistic UI Update) [React] 선반영, 후처리 유저 경험 및 성능 향상 - 낙관적 UI 업데이트 (Optimistic UI Update)[React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크) [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크)[Express] 레이어드 아키텍쳐 구현하기 (Layered Architeblog.juyear.dev이전 글 읽으러 가기! 👋 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 skeleton UI에 대해서 간단하게 소개하고, reac.. [React] 선반영, 후처리 유저 경험 및 성능 향상 - 낙관적 UI 업데이트 (Optimistic UI Update) [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크) [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크)[Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture)🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 레이어드 아키텍쳐 구조화blog.juyear.dev이전 글 읽으러 가기! 👋 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 낙관적 UI 업데이트 (Optimistic UI Update)에 대해서 정리하고 실제 프로젝트에 적용했던 예제 코드도 같 .. [React] AbortController와 zustand로 전역 fetch 취소 구현하기 (feat. 카카오 테크) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture)🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 레이어드 아키텍쳐 구조화 방법을 사용하여 Express 폴더를 정리해보려고 합니다! 레이어드 아키텍쳐는 실무에서 자주 사용되는 백엔드blog.juyear.dev추천 글 읽으러 가기!🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 AbortController와 zustand를 사용하여 전역으로 fetch 요청을 관리하는 방법에 대해서 정리해 보려고 합니다! 순서는 fetch 요청을 취소해야 하는 이유, Promise에 취소기능이 없는 이유, AbortController에 대해서.. [Next] usepathname으로 조건부 데이터 처리 적용하는 법 (Conditional Logic) 🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘 소개드릴 내용은 하나의 컴포넌트를 여러 페이지에서 다르게 처리하는 방법에 대해서 정리해보려고 합니다. 보통 이런 방법은 props나 context 기반으로 구현하는 경우가 많은데,제가 이번에 구현할 방법은 path-based 즉, 경로 기반으로 구현해보려고 합니다. 이 방법을 사용하게 된 이유는, 현재 진행 중인 프로젝트에서 UI는 거의 동일하지만, 데이터 처리와 같이 기능적인 부분이 조금씩 다른 경우가 있었기 때문입니다. 그래서 "새로운 컴포넌트를 굳이 만들지 않고, 기존 컴포넌트를 재사용할 수는 없을까?" 라는 생각이 들어 이 방법을 도입하게 되었습니다. 🔗 path-basedimport { useRouter, usePathname } from .. [Next] v15 useSearchParams without Suspense 오류 해결 🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 Next.js v15에서 발생할 수 있는 오류 중 하나인 useSearchParams without Suspense에 대해서 알아보려고 합니다. 저도 프로젝트를 진행하던 도중에 이 오류가 발생하게 되었는데, 미리 이 오류에 대해서 알고 있지 않으면 나중에 많은 수정을 거쳐야 할 수 있기 때문에 이렇게 공유를 해보려고 합니다. ❓ 발생하는 이유는?이 오류가 발생하는 이유는 오류 이름에서 알 수 있듯이 useSearchParams를 Suspense 없이 사용했을 때 발생하는 오류 입니다.next를 사용해보신 분이라면 아시겠지만, Suspense는 기본적으로 컴포넌트나 함수의 동적 처리를 기다리고, 기다리는 동안 fallback 함수 등을 사용하여 로딩을.. [Node] 랜덤 공유 링크는 어떻게 생성할까? (nanoid) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture) [Express] 레이어드 아키텍쳐 구현하기 (Layered Architecture)🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 레이어드 아키텍쳐 구조화 방법을 사용하여 Express 폴더를 정리해보려고 합니다! 레이어드 아키텍쳐는 실무에서 자주 사용되는 백엔드blog.juyear.dev이전 글 읽으러 가기!🚩 소개안녕하세요! 대학생 개발자 주이어입니다!오늘은 nanoid를 사용해서 랜덤 공유 링크를 생성하는 방법에 대해서 정리해보려고 합니다. 현재 진행 중인 프로젝트에서 일정 공유 기능이 필요했고, 이 기능을 구현하기 위해 nanoid를 선택하게 되었습니다. 랜덤 공유 링크는 Google Docs, Dro.. [TRAIVEL] 개인 맞춤형 여행 일정 생성 플랫폼 TRAIVEL 🚩 소개안녕하세요. 대학생 개발자 주이어입니다!오늘은 제가 이번에 진행하는 프로젝트에 대해서 비즈니스 & 마케팅 중심으로 글을 작성해보려고 합니다.흔히 "Product Launch" 라고 불리는 스타일로 작성해보려고 하며, 간단하게 적어보려고 합니다.🤔 여행 일정 짜는 건 왜 힘들고 귀찮을까?일반적인 방식은?많이 축약되긴 했지만, 기존에는 여행 계획을 세운다면 위와 같은 방식이 일반적이었을 것 입니다.여행 지역에 맞는 맛집이나 유명 관광지 등을 검색하고, 블로그나 카페의 후기 등을 확인했을 것 입니다.추가적으로 지도를 활용하여 거리나 이동 방법에 대해서도 고민을 많이 하셨을 것 이고,마지막으로 많은 수정 작업을 거치셨을 겁니다. 이러한 작업은 2박 3일과 같은 짧은 여행 계획을 세우는 데에도 많은 힘.. 이전 1 2 3 4 ··· 7 다음
