본문 바로가기

공부낙서장52

useEffect side effect를 수행할 수 있는 hook 리액트에서의 side effect란? 리액트 컴포넌트 내부에서 데이터를 가져오거나, DOM을 직접 조작하는 것. 해당 동작들은 다른 컴포넌트에 영향을 주거나 렌더링 과정 중에 구현할 수 없는 작업. 2023. 10. 7.
부트캠프 프론트엔드 및 백엔드 협업 과제 완료_추가 수정 수정한 부분 배포 사이트 : https://team-project-vacation-management.vercel.app/ 협업 과제를 완료했고, 아쉬운 점이 추가적으로 있어서 추가적으로 기능을 구현한 부분도 있고, css 손 본 부분도 있다. 일단 먼저, 연차와 당직을 구분해서 보는 기능이 없어서 체크 박스를 이용해서 기본적으로 연차와 당직을 모두 체크 상태로 해두었고, 연차나 당직 둘 중 하나만 체크를 해서 연차/당직 일정을 구분 할 수 있게 했다. 앞선 부분에서 말한대로 전체 일정과 나만의 일정 스위치를 토글 했을 때도 체크박스 기능은 동작하며, 최소한 하나 이상의 옵션을 체크 해야한다고 경고 메세지가 나오게 하였다. 프로필 이미지 수정 중에 이미지 썸네일을 미리 보기가 안되는 점을 수정하였고, 변.. 2023. 8. 15.
부트캠프 프론트엔드 및 백엔드 협업 과제 완료 배포 주소: https://kdt-5-mini-team-11-eifz.vercel.app/ GitHub: https://github.com/KDT5-MINI-TEAM11/client 참고로 팀 이름은 개쩌는팀 이다 ㅋㅋ 이번 프로젝트를 하면서 공부가 필요한 부분 recoil 등 다른 전역상태관리 라이브러리, axios interceptor 이번 협업 과제가 완료 되었다. 일단 과제를 진행하면서 어려웠던 점은 새로운 라이브러리나 외부 서비스를 사용함에 있어서 영문 Docs를 대충 훑어 넘어가버려서 쉽게 해결 할 수 있던 문제들을 오래 끌었던 점과 원래 프론트엔드 작업 인원은 총 3명이었으나, 한 분이 과제를 진행하는데 있어서 무리가 있을거 같다는 다른 분의 의견에 그분 작업량을 나누고 다른 한 분이 그 분.. 2023. 8. 13.
부트캠프 프론트엔드 및 백엔드 협업 과제 진행 ing (FullCalendar) 연차 및 당직 관리 웹애플리케이션 메인 페이지이다. 달력은 FullCalendar를 사용했다. switch 토글은 ant design { "success": "true", "response": [ { "id": 1, // 스케쥴 id "userName": "Park", "scheduleType": "ANNUAL", "startDate": "2023-08-11", "endDate": "2023-08-13", "state": "APPROVE" }, { "id": 2, "userName": "Jon", "scheduleType": "DUTY", "startDate": "2023-08-20", "endDate": "2023-08-20", "state": "PENDING" } ] "error": null } 일단.. 2023. 8. 9.

티스토리툴바