전체 글451 React Query vs RTK Query https://long-factory-3d5.notion.site/React-Query-vs-RTK-Query-314c654cf89d433abce0e5e5569b02e9 React Query vs RTK Query 1. React Query란 무엇인가? long-factory-3d5.notion.site 1. React Query란 무엇인가? 서버와 클라이언트 간의 비동기 작업을 관리하는 서버 상태 라이브러리이다. React Query란 React 애플리케이션에서 서버 상태를 가져오고 , 캐싱하고 , 동기화하고 업데이트 하는 작업을 쉽게 만드는 라이브러리이다. 2. React Query를 사용하는 이유는 무엇인가? React 애플리케이션에서 서버 상태를 fetching하고, caching하고, 동기화하고.. 2022. 11. 13. npm ci를 하는 이유 https://long-factory-3d5.notion.site/npm-ci-e550d69fe35e4cb8945835aad1446c54 npm ci 1. npm ci 란 무엇인가? long-factory-3d5.notion.site 1. npm ci 란 무엇인가? ci라 함은 Contiuouse Integration (지속적인 통합) 이라는 의미입니다. npm install 과 커맨드가 유사하나, npm install을 사용하는 것보다 두배정도가 빠릅니다. 2. npm ci의 장점은 무엇인가? npm ci 의 장점을 빠른 설치 속도라고 이야기 하고 있습니다. npm install 과 커맨드가 유사하나, npm install을 사용하는 것보다 두배정도가 빠릅니다. package-lock.json 등의 l.. 2022. 11. 13. git에서 폴더명 대소문자 인식을 못할 때 https://long-factory-3d5.notion.site/git-d88a71b0040d4215839b6650e53dce46 문제 대문자였던 폴더명을 소문자로 변경 했더니 git에서 이를 인식하지 못했다. 그래서 git에서 대문자인 폴더 경로를 따라서 파일을 확인하려다 하다보니 빌드가 되지 않았다. 원인 리액트 작업중에 파일명을 파크칼 케이스로 지정하다가 폴더명도 파스칼 케이스로 잘못 지정했다. 해결 여러가지 시도해 볼 수 있는 해결 방법이 있었다. git에서 대소문자를 구분할 수 있도록 해준다. git config core.ignorecase false 이 명령어를 사용하여 git에서 대소문자를 구분할 수 있도록 config 설정을 해준다. vscode에서 직접 폴더명을 변경해주거나, git m.. 2022. 11. 13. 221111 오늘도 공부방에 출근한 인원이 적었다. 아직 api가 완성되지 않아서 작업을 진행하기 어려울것같다는 판단이 들었다. 프론트 팀원이 한명밖에 안나와서,,, 우선은 지금까지 스프린트를 진행하면서 겪었던 문제나 몰랐던 부분에 대해서 공부하기로 했다. 그래서 이벤트 핸들러 네이밍에 대해서 찾아보았다. 함수를 선언할 때는 핸들러 이름에 handle이라는 접두사가 붙는데 이를 props로 넘기게 되면 on 접두사를 지정하게 된다. 그런데 이 부분을 몰랐어서 props로 넘기는 부분에도 handle이라는 접두사를 붙인 네이밍을 사용했다가 지적을 받았던 경험이 있다. 당시에는 그냥 수정했는데 왜인지에 대한 이유를 정확히 모르고 넘어갔다가 이번에 공부하면서 알게 되어서 좋았다. 그리고 밤에는 기존에 진행했었던 프로젝트 .. 2022. 11. 12. 221110 오늘은 공부방에 역병이 돌아서,, 출근한 인원이 되게 적었다. 오늘은 어제 못한 프로젝트 목록 페이지를 조회할 수 있는 API 연결하는 작업을 진행했다. 템플릿 조회 api 연결 작업 코드를 참고하고 다른분한테 물어보면서 했다! 리덕스 부분은 이미 완성되어 있었지만,,, 혼자서 api 연결 작업을 한 것은 처음이어서 뿌듯했다. 오래 걸릴줄 알았는데 일찍 끝내서 다른 작업을 하게 되었다. 프로젝트 페이지에서 템플릿 페지이로 이동하는 링크를 달아주는 작업을 했는데 쿼리 파라미터를 사용해서 해야했다. 이런 작업도 처음 해보는 거였는데 생각보다 단순한 작업이었다. 이 작업도 일찍 끝내서 어제 겪었던 git 에서 대소문자 인식을 못할 때에 대한 문제,원인,해결을 정리해보았다. 문제를 겪었던 부분에 대해서 다시한번.. 2022. 11. 10. 221109 폴더 구조를 변경해야하는 일이 생겼다. 그래서 전체적인 폴더 구조와 이름을 수정하기로했다. 폴더 구조를 변경하는 것부터 어려웠다. 기존에는 pages - containers - components 의 구조였는데 containers를 사용하는 것은 올드한 스타일이라는 피드백을 받았다. 그래서 containers를 제거하고 hooks를 사용하기로 했다. 리액트의 이벤트 훅을 따로 관리할 수 있도록 hooks을 사용하기로 한 것이었다. 폴더와 파일의 네이밍을 수정하는데 알맞은 이름을 생각해내는데에도 꽤 시간이 걸렸다. 해당 파일이 무슨 역할을 하는지 제대로 모르는 채 이름을 지으려고 하다보니 이런 일이 있었던 것 같다. 또, 리액트에서는 주로 파일명에 파스칼 케이스를 사용한다고 했는데 이를 착각하여 폴더명도 .. 2022. 11. 10. 이전 1 ··· 7 8 9 10 11 12 13 ··· 76 다음