javascript/WIL6 8월 1주차 WIL 기획부터 시작하는 팀프로젝트가 시작되었습니다. 주제선정부터 기술선택 API 회의 까지 즐겁게 진행 되었습니다. 기존에 사용해보지않았던 기술들을 공부해야하는 점과 타입스크립트의 도입에 관해 신경을 써야하지만 한 주를 보내보니 확실히 팀으로 진행해서 얻어가는 부분들이 많았습니다. 웹캠을 통한 인생네컷과 같은 주제로 처음으로 카메라를 다뤄보았고 회의를 통해 어떤 방식이 더 효율적인지 논의 하는 것도 많이 도움이 되었습니다. 팀원간 교류가 활발해 서로의 코드를 서로 리뷰를 자주하게 되는 점에서도 많이 배울점이 많았습니다. 또 어떤부분을 서버에서처리할지 프론트단에서 처리할지에 대해 이야기 해본 경험도 좋았습니다. 저희는 무한스크롤을 구현하는데 서버측에서 페이징해서보낼지 프론트측에서 페이징해야할지에 대한 이야기가 .. 2023. 8. 6. 7월 4주차 WIL 백엔드팀원들과 함께 진행한 음악 공유 사이트 프로젝트가 종료되었습니다. 처음으로 백엔드팀과 협업하는 팀프로젝트라 아쉬운점이 많았습니다. 우선 가장 아쉬웠던점은 초반의 충분한 회의를 통해 적절한 스코프를 설정하고 코드의 질과 구조를 단단하게 가져갔어야했는데 처음이다보니 어느정도로 해야하는지 감이 부족해 마지막에는 시간이 촉박해져 기능 구현이 중점이 되어 유지보수성이 낮게 제작 된 것 같습니다. 아쉬웠던점은 1. 폴더 구조가 효율적이지 못했습니다. 라우터에 미숙한 팀원과 저의 제작 시 이해를 돕기위해 특정부분 페이지에 구성했던 것이 경계를 애매하게 만들어 컴포넌트 폴더에 몰려넣게 된점이 아쉬웠습니다. 마지막에 수정해야지 하는 생각만가지고 종료되었습니다. 2. 예외처리의 부족 유투브 API를 사용했는데 그 중.. 2023. 7. 23. 7월 3주차 WIL 기존에 진행하던 TodoList 프로젝트에 axios를 사용하여 Promise API를 활용한 HTTP 비동기 통신을 추가해 로그인, 회원가입, 권한부여를 추가했습니다 . 이번주차에서 중점이였던 고민은 이전에는 리덕스로 모든 값을 저장해줬는데 axios 비동기 통신을 통해 가져온 값을 바로사용하거나 쿠키에 사용하면되는데 리덕스는 왜 쓰지 왜 다 저장하고 있을까? 였습니다. 결론은 제가 리덕스로 모든 정보를 저장하려고 했던것이 문제였습니다. 애초에 리덕스는 전역에서 사용되는 '상태'를 관리 하는 것 인데 굳이 전역에서 쓰지않아도 되는 부분까지 사용해오면서 착오가 생겼었습니다. 초기에 받아오는 데이터가 커서 성능에 문제가 생기거나 서버에 요청하는 횟수를 줄이고 싶을 때 역시 사용할수도있겠지만 원래의 목적을 .. 2023. 7. 16. 7월 2주차 WIL 저번 주차에는 리덕스를 사용하여 Todo List를 발전시켜보았습니다. 기존 props만 사용하였을 때는 해더안에 running, done의 수를 표기하는 컴포넌트가 있을 때 리스트 컴포넌트에서 리스트를 수정하면 변동이 필요없는 컴포넌트들이 props가 지나가기 때문에 리랜더링 되는 경우가 있었습니다, 구조를 간결하게 하여 해결하기도 했지만 더 큰 프로젝트가 된다면 문제가 생길 수 있다고 생각했습니다. 해당 컴포넌트에서 사용하지 않더라도 통로의 역할로 props를 전달해줘야하는 상황 등 불필요한 상황들을 해결하기위해 리덕스를 통해 전역에서 관리해주는 연습을 했었습니다. 이 상황의 연장으로 리덕스 툴킷 이라는것을 사용해보았고 코드의 길이가 길어진다는 리덕스의 불만을 해결하기 위해 나왔다는 것을 체감하였습니.. 2023. 7. 9. 이전 1 2 다음