본문 바로가기

개인 프로젝트3

프로젝트를 진행하며 시행착오 최종 수정 : 25.1.7아직 개발중이기에 지속적으로 기록할 예정입니다.알게 된 지식1. 특정 문장을 반복하는 기능const phrases = ['무지(無知)를 끊다.', '지식의 체계화', '인생의 마중물'];const Search = () => { const [currentIndex, setCurrentIndex] = useState([phrases[0]]); useEffect(() => { let currentIndex = 0; const interval = setInterval(() => { currentIndex = (currentIndex + 1) % phrases.length; setCurrentIndex([phrases[currentIndex]]); }.. 2025. 1. 4.
프로젝트 셋팅 최종 수정 : 25.1.4 1. 패키지 매니저 선택 : PNPM프로젝트를 시작하기에 앞서 패키지 매니저들을 찾아봤다. NPM, Yarn, YarnBerry, PNPM 등에 대한 정리를 마쳤다. 2. 스택 선정Next.JS(app), TailwindCSS, TanStack Query, Supabase, GraphQL(Relay), Jotai 3. prettierrc 설정{ "singleQuote": true, "semi": true, "tabWidth": 2, "useTabs": false, "trailingComma": "es5", "plugins": ["prettier-plugin-tailwindcss"]} 4. 개발 원칙항목이유mobile first추후 개발을 쉽게 진행하기 위해commit.. 2025. 1. 4.
프로젝트 아이디어 아이디어 1. 한 웹사이트에서 자신만의 공부를 위한 모든 도구들을 활용하게 하자. 2. 블로그와 다르게 자신만의 카드뉴스 및 영상시청 추천이 나오도록 한다. 사용도구 프레임워크, Next.JS - 데이터베이스, Superbase - 상태관리 도구, Jotai - 전역변수화 하여 상태관리에 용이. - redux, recoil에 비해 관리하기 편리하다. 가벼운 라이브러리 언어 TypeScript Tailwind CSS 2023. 7. 11.

티스토리툴바