공부낙서장52 [개인 사이드 프로젝트] - emotional (프로젝트 구성) 취업은 안되고...시간은 가고... 답답한 마음에 머리를 부여잡고 아이디어를 떠올려봤다. 사용자가 일기를 쓰면 그 일기를 분석해서 주요한 키워드를 추출한 후에 키워드와 연관된 노래를 추천해주는 어플리케이션을 만들어보자. 일단 필요한건 전체적인 틀... input창 또는 textarea에 입력하고, 분석 버튼을 만들고 아래에는 추천 노래를 띄워준다. 흠...분석은 어떻게 해야하나? AI가 대세이니 gpt모델을 사용해보자. 그럼 추천 노래는 어떻게 해야하나? 스포티파이 API? 유튜브 API? 일단 처음 생각은 스포티파이 였으나 스포티파이 API를 호출하려면 사용자의 스포티파이 access token이 필요했다. 번거롭게 다른 뎁스를 거치지 않고 가볍게 사용하는게 목표였어서 유튜브 API를 사용하기로 하였다.. 2024. 4. 20. [Side Project] 포케허브 포케허브라는 사이드 프로젝트는 이미 배포를 한 상태이다. 리팩토링 및 피드백 받은 사항들을 개선 중에 있는 중.. 뭐 이것저것 정리하다가 생각이든 @react-icons/all-files 사용이유 react-icons의 번들 사이즈가 너무 커서 번들 사이즈를 줄이기 위해 찾다가 해결책?으로 react-icons/all-files를 사용한다고 하였다. 물론 react-icons를 사용하면 편하기야 하겠으나, chunk크기가 무지막지..별의별 icon을 다 데리고 와버린다.. (빌드 시에 엄청난 크기의 chunk 파일 사이즈..) 그래서 찾아보았다! react-icons에서는 @react-icons/all-files 라는 별도의 라이브러리를 제공한다. @react-icons/all-files 라이브러리는 아.. 2024. 3. 23. Context API 리액트가 자체적으로 제공하는 상태 관리 방법 컴포넌트 트리 안에서 전역적으로 사용할 수 있는 값 관리 Props Drilling을 피하고, 컴포넌트 간 상태를 쉽게 공유 가능 데이터를 공유하기 위한 방법 (로그인한 사용자의 정보, 테마, 언어 설정 등) 장점 Prop Drilling 문제 해결 추가적인 라이브러리 설치 없음 단점 복잡한 상태 관리는 어려울 수 있음 (많은 상태를 전역으로 관리하는 경우 다른 전역 상태 관리 라이브러리가 적합) 너무 많은 Context를 사용하면 재사용성이 떨어짐 2023. 10. 22. useMemo '메모제이션'된 값을 반환하는 hook 성능 최적화를 위해 연산된 값을 재사용. ( 기존에 수행한 연산의 결과값을 저장해두고 동일한 입력이 들어오면 재활용. ) 중복 연산을 피할 수 있어 어플리케이션 성능을 최적화 2023. 10. 7. 이전 1 ··· 7 8 9 10 11 12 13 다음