[TIL]2022.10.24 오늘 한 일 메인 카테고리별 정리 fillter 후에map 카테고리별 서브페이지(내용 get) 디테일 페이지 수정, 댓글(수정,삭제) 오늘 느낀 것 작은 elem들 컴포넌트화 왜 자꾸 카테고리들이 없어질까? 좋았던 점 post get은 이해가 감 개선점 put,patch,delete는 이해 더 해야함 내일 할 일 디테일 페이지 수정, 댓글(수정,삭제) 좋아요 해야함 서버랑 연결해야함 좋아요 해야함 생각/TIL,WIL 2022.10.25
[WIL] axios Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 아다. 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다. 이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할땐 axios를 쓰는 편이라고 보면 된다. axios 브라우저 호환성 Axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용 Promise(ES6) API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경 axios vs fetch axios fetch 써드파티 라이브러리로 설치가 필요 현대 브라우저에 빌트인이라 .. 생각/TIL,WIL 2022.10.23
[TIL]2022.10.23 오늘 한 일 레이아웃 끝 서버통신 중 오늘 느낀 것 어떻게 카테고리 별로 나누는가? fillter or 조건문 좋았던 점 흠 소통의 문제? 개선점 crud 무한반복 내일 할 일 메인 카테고리별 정리 카테고리별 서브페이지(내용 get) 디테일 페이지 수정, 댓글(수정,삭제) 생각/TIL,WIL 2022.10.23
[TIL]2022.10.21 오늘 한 일 새로운 플젝 회의 디자인 및 구조 잡기 api설계 오늘 느낀 것 협업은 쉽지 않다. 좋았던 점 아직 할줄 아는게 많이 없다. 그래서 좋다 개선점 더 성장하자 내일 할 일 오전까지 최종디자인안 만들기 오후 컴포넌트 나누고 css 틀 잡기 일요일 mock server로 api 통신 해놓기 생각/TIL,WIL 2022.10.22
[TIL]2022.10.20 오늘 한 일 노션, 서버 연결 후 바로바로 안나오는 것에 대한 질문, development 환경에서만 redux devtool이 활성화 되도록 처리합니다 , API 명세서 오늘 느낀 것 서버와의 연결은 어렵다 좋았던 점 반복만큼 좋은 학습은 없다. 개선점 CRUD 반복 하기 내일 할 일 개발자모드 vs 프로덕션모드 환경변수 공부하기 https://shinsangeun.github.io/posts/react/react-env 무한 스크롤 구현 해보기 useMemo() useCallback() memo 정리 한 번 더 새로운 플젝 회의 생각/TIL,WIL 2022.10.20
[TIL]2022.10.19 오늘 한 일 개발자모드 vs 프로덕션모드 환경변수 공부하기 https://shinsangeun.github.io/posts/react/react-env 무한 스크롤 구현 해보기 useMemo() useCallback() memo 정리 한 번 더 배포 , baseURL , Headers , env 변수, 퍼블리싱 , 질문 답변 오늘 느낀 것 배포 어려움 좋았던 점 배포해서 나온 사이트랑 테스트랑 다름 개선점 렌더링 개선 내일 할 일 노션 , 서버 연결 후 바로바로 안나오는 것에 대한 질문, development 환경에서만 redux devtool이 활성화 되도록 처리합니다. ,API 명세서 생각/TIL,WIL 2022.10.20
[TIL] 2022.10.17 오늘 한 일 axios && redux toolkit 적용해보기 코딩알려주는 누나 강의 완강 React 심화 학습 자료 오늘 느낀 것 React 심화 학습 과제 get,post,login 완 좋았던 점 axios통신 이해가 되어간다 개선점 확실하게 이해는 안 된다 컴포넌트 쪼개는 방법알아가기 Redux toolkit 적응하기 미들웨어 사용법 적응하기 axios 이해하기 내일 할 일 코딩알려주는 누나 강의 듣기 React 심화 학습 자료 반복 React 심화 학습 과제 개선 개발자모드vs프로덕션모드 환경변수 공부하기 https://shinsangeun.github.io/posts/react/react-env 생각/TIL,WIL 2022.10.18
[WIL] 2022.10.10 ~ 10.16 라이프 싸이클 차이 오늘 한 일 axios && redux toolkit 적용해보기 코딩알려주는 누나 강의 듣기 React 심화 학습 자료 오늘 느낀 것 Redux toolkit 적응하기 클론코딩 reducer 파일들은 합쳐서 store로 보내라(combineReducers) import rootReducer from "./reducers"; // index파일 자동으로 읽어옴 좋았던 점 Redux, React 프로젝트 이해가 되어간다 개선점 확실하게 이해는 안 된다 컴포넌트 쪼개는 방법알아가기 Redux toolkit 적응하기 미들웨어 사용법 적응하기 내일 할 일 오전 시험 axios && redux toolkit 적용해보기 코딩알려주는 누나 강의 듣기 React 심화 학습 자료 개발자모드vs프로덕션모드 환경변수 공부하기.. 생각/TIL,WIL 2022.10.17
[TIL]2022.10.14 오늘 한 일 axios && redux toolkit 코딩알려주는 누나 강의 듣기 주특기 심화 주차 S.A React 심화 학습 자료 오늘 느낀 것 CRUD - GET - Read POST - Create DELETE - Delete PATCH - Update API 명세서? PUT : 자원의 전체 교체, 자원교체 시 모든 필드 필요 (만약 전체가 아닌 일부만 전달할 경우, 전달한 필드외 모두 null or 초기값 처리되니 주의) PATCH : 자원의 부분 교체, 자원교체시 일부 필드 필요 useEffect로 어떤 state가 변경시 리렌더링 되게 해야함 Redux 미들웨어 : 액션과 리듀서 사이에서 함수를 실행하게 해줌 비동기형태로 1. extraReducers 사용: reducers에서 바로구현되지 .. 생각/TIL,WIL 2022.10.15
[TIL]2022.10.13 오늘 한 일 axios && redux toolkit 코딩알려주는 누나 강의 듣기 오전 시험 오늘 느낀 것 fetch 하는법 router연습 useNavigate(함수) or Link ?query 뒤에는 url에 영향을 주지 않음 useSearchParams redirect = 상황에 맞춰서 경로를 바꿔주는법 (login을 해야 드감) Navigate 추가 좋았던 점 api통신 가능해짐 개선점 아직 헷갈린다 내일 할 일 axios && redux toolkit 코딩알려주는 누나 강의 듣기 금까지 주특기 심화연습 생각/TIL,WIL 2022.10.14