드림오구
article thumbnail
[TIL : 230528]
🐹 TIL/Daily 2023. 5. 29. 02:12

🌊 TIL : 2023년 5월 28일 오늘 한 것 타입스크립트 입문! 타입에 대해 공부하였다. 잘한 점 상황 다음 주부터 부트캠프에서 타입스크립트를 배우는데 동기분과 단 둘이 타입스크립트 스터디를 진행하였다. 액션 자바스크립트와 다른 점은 무엇일까 🧐 고민하며 공부하였다. 칭찬 아직은 쉬운 부분이라 그런 지 이해는 잘 되었다.. 배운 점 배움 스스로 꼬리질문을 하며 이것과 다른 점은 무엇일까? 고민하며 공부하였다. 🐻 [Type Script] 기본 타입 🌊 기본 타입 타입스크립트 첫 시작이다 뿌셔뿌셔 Boolean Number String Object Array → 자바스크립트에선 Object인데 타입스크립트에선 Array가 따로 있다. Tuple Enum Any Void Null Undefined Ne..

article thumbnail
[TIL : 230527] 3일
🐹 TIL/Daily 2023. 5. 28. 00:06

🌊 TIL : 2023년 5월 27일 오늘 한 것 오늘은 코드스테이츠 그로잉데이에 참여하였다. 후기 코드스테이츠 5월 그로잉데이 🌊 5월 그로잉데이 코드스테이츠 5월 그로잉데이에 참가하였습니다. 4월 그로잉데이도 너무 즐겁게 보냈기 때문에 5월 그로잉데이 소식만을 기다리고 있었는데 5월 그로잉데이 소식을 듣고 정 dreamogu59.tistory.com

article thumbnail
[TIL : 230526] - 2일
🐹 TIL/Daily 2023. 5. 27. 23:56

🌊 TIL : 2023년 5월 26일 오늘 한 것 스터디모임 참여하기 TanStack Query 사용해보기 잘한 점 상황 스터디 모임에서 TanStack Query에 대해 발표하였다. 액션 이전에 부트캠프 솔로프로젝트를 제작하며 Redux에서 데이터를 받아오는 비동기 작업을 수행하는 것이 굉장히 번거롭다고 느껴졌다. 코드가 클라이언트 상태 관리와 데이터를 받는 일을 같은 곳에서 하다보니 로직도 복잡해보였고 구분하기 어려웠다. 그점 때문에 TanStack Query를 스터디분들께 소개하고자 하여 정리하여 발표하였는데, 내가 솔로프로젝트 코드리뷰를 받았을 때 크루님께서 라이브러리를 선택 할 때 이 라이브러리를 사용해야하는 근거를 잘 설득해야 한다고 말씀해주셨는데, 그 기억을 되살려 TanStack Query..

article thumbnail
[TIL : 230525] - 1일
🐹 TIL/Daily 2023. 5. 25. 22:35

🌊 TIL : 2023년 5월 25일 오늘 한 것 과제 실습으로 나온 story book 으로 컴포넌트를 제작 react hook 복습 잘한 점 상황 간략한 상황 설명 - 솔로프로젝트 리팩토링을 하며 공통 컴포넌트를 분리하며 storybook을 제작해보았다. 액션 - 두 컴포넌트를 공통으로 분리하였는데, 자꾸 오류가 발생하였다. 분명 방금 전 까지만 해도 괜찮았었는데, FilterButton 컴포넌트를 제작한 후로 작동되지 않아 코드에 문제가 있는 것은 아니라고 생각하였다. 검색해보니 React에서 undefined를 반환하고 있어 생긴 문제였다. Alert의 코드는 변경하지 않았기 때문에 다른 이상이 있을 거라 생각하지 않아 그저 새로 작성한 Alert.stories.js 파일만을 고치려고 노력하였다...

article thumbnail
[TIL : 230524]
🐹 TIL/Daily 2023. 5. 25. 01:50

🌊 TIL : 2023년 5월 24일 오늘 한 것 styled-component 실습 story book 라이브러리 클론 코딩 어려웠던 부분 storybook 옵션이 자꾸 헷갈린다. 이 부분은 조금 더 공식 문서를 읽으며 파악해가야 할 것 같다.

article thumbnail
[TIL : 230522, 230523]
🐹 TIL/Daily 2023. 5. 23. 22:49

🌊 TIL : 2023년 5월 22, 23일 갑작스레 가족 경조사가 생겨 부트캠프 22일 일정 종료 후 지방에 다녀왔습니다. 23일을 불참하게 되어 혼자 진도 따라잡기용 자습하였습니다. 오늘 한 것 react custom hook 코드 분할 그림으로 배우는 HTTP Network Basic - HTTP프로토콜, HTTP 메세지, 상태코드 custom component

article thumbnail
[TIL : 230519 ]
🐹 TIL/Daily 2023. 5. 20. 02:50

🌊 TIL : 2023년 3월 14일 오늘 한 것 useMemo useCallback TanStack Query

article thumbnail
[TIL : 230517]
🐹 TIL/Daily 2023. 5. 18. 09:13

🌊 TIL : 2023년 5월 17일 오늘 한 것 솔로프로젝트 무한 스크롤 구현 filter 리팩토링 어려웠던 부분 새로운 라이브러리를 사용하는 것이 낯설게 느껴졌다. 무한스크롤이 원래는 페이지로 쪼개서 스크롤이 내려가면 페이지가 1이되고, 추가로 데이터를 요청해야 했는데, 현재 사용하고 있는 api에선 10개 이하의 데이터 또는 100개만 가지고 올 수 있어 100개를 전체 다 가져온 후, 페이지로 나눠 스크롤이 내려가면 페이지 상태가 1씩 증가하고, 그만큼 곱하여 상품 배열을 slice하여 출력하였는데. 처음 사용해보는 라이브러리라 찾아보는데 꽤 걸렸습니다. 느낀점 인터넷에 많은 내용이 있어도 내가 스스로 써봐야 라이브러리에 대한 이해도를 높일 수 있는 것 같다. 무한스크롤 라이브러리를 사용하면서 계..