seopport.log

COOKHUB👩‍🍳 이번에도 일주일의 기간동안 팀프로젝트를 하게 되었다. 처음에는 스포츠 관련 사이트로 축구, 야구팀의 소식이나 스케줄을 API나 크롤링을 이용해서 만들려고했는데 API가 석연치 않아서 주제를 레시피 공유 사이트로 바꿨다. 레시피 공유 사이트는 꼭 해보고 싶었던 프로젝트 주제였는데 이번 기회를 통해 구현해볼 수 있어서 좋았다. 나는 카테고리별 페이지와 스크랩 기능을 맡았다. 카테고리별 페이지는 크게 어려웠던 점이 없었지만 중첩 필터링이 까다로웠던 것 같다. 스크랩 기능도 json-server나 NoSQL인 파이어베이스를 쓸 때는 생각할게 많고 데이터 구조를 이해하는게 어려워서 코드를 짜는 것도 어려웠던 것 같은데 RDB인 Supabase를 쓰니 생각보다 쉽게 구현할 수 있었다. 정말 파이..

🔽 배포주소 너 납치된거야 kidnapped.vercel.app 이번 프로젝트는 외부 API를 사용한 사이트를 만드는 것이 목표였다. 우리 팀은 카카오맵 API를 사용해서 전국의 방탈출 카페 정보를 사용자 위치 기반으로 찾아주고 다른 지역의 방탈출 카페도 검색, 스크랩하여 볼 수 있는 사이트를 만들게되었다. 프로젝트 이름이 주제랑 잘어울려서 너무 맘에든다. ㅋㅋ 나는 프로젝트에서 리뷰 CRUD를 맡았는데, CRUD는 그래도 반복학습으로 많이 해봐서 큰 어려움 없이 구현한 것 같다. 내부분에서 어려웠던 것은 별점 기능, 댓글 개별 모달창이 어려웠던 것 같다. 별점 등록 기능은 컴포넌트의 반환 부분에서 새로운 컴포넌트를 작성하고, 그 안에서 DOM 요소를 반환하는 방식으로 코드를 작성했는데, 구조와 실행순서..

https://nbc-travel-vibe.vercel.app/ 이번 프로젝트는 뉴스피드 프로젝트를 주제로 우리팀은 여행 주제의 블로그 플랫폼을 제작했다. 우선 프로젝트 초기 세팅을 탄탄하게 잡고 시작했는데, 많은 것을 배웠고 초기 세팅이 중요하다는 것을 느꼈다. 초기 세팅을 얼마나 탄탄하게 하냐에따라 개발의 효율성이 달라지는 것 같다. 이번 프로젝트에서는 프로젝트 협업 방식을 많이 배웠다. 코드 컨벤션부터 깃허브 커밋 룰, PR 방식, DB ERD 등 많은 세팅을 시작에 잡아놓고 하니까 중간에 뭘 더 추가하거나 하지 않아 혼란이 오는 경우가 적었다. 그리고 프로젝트를 할 때 마다 느끼는 것이지만 작은 기능 하나하나에도 많은 고민과 노력이 들어간다는 것을 느꼈다. 리덕스와 데이터베이스를 활용한 리액트 프..

🔽Github GitHub - seopport/TinyCuteLetterbox: React를 이용한 팬레터 사이트 만들기 React를 이용한 팬레터 사이트 만들기. Contribute to seopport/TinyCuteLetterbox development by creating an account on GitHub. github.com 오늘로 팬레터 사이트 과제를 마무리했다. 이번 과제는 기간도 길었지만 그만큼 어려웠던 것 같다. ㅠㅠ 수정이 제일 어려웠던 것 같고, 스타일과 컴포넌트 조건부 렌더링도 어려웠지만 어느정도 감은 잡은 것 같다. context랑 redux 리팩토링 할 때는 오류 잡느라 머리 많이 빠진 것 같다. 저번에는 일단 만들고 컴포넌트를 분리했던 것 같은데, 이번에는 와이어프레임에서 ..

좀 늦었지만 쓰는 첫 React 프로젝트 To Do List🌿 회고 🔽Github GitHub - seopport/TodoList: React를 이용한 Todo 리스트 만들기 React를 이용한 Todo 리스트 만들기. Contribute to seopport/TodoList development by creating an account on GitHub. github.com 처음으로 React를 활용하여 To do List를 구현해보았다. 이번엔 react라는 프레임워크를 사용해서 처음 프로젝트를 만드는 것이라 엄청엄청 막막했다. 근데 생각했던 것 보단 빨리 기능을 구현해서 마감기한은 지킬 수 있었다. 이번 프로젝트를 하면서 엄청난 기술을 학습했다기 보다는 props와 state의 개념, react 사..

GitHub - seopport/CineSearch: Vanilla.js + TMDb API를 사용한 영화 소개 및 검색 사이트 Vanilla.js + TMDb API를 사용한 영화 소개 및 검색 사이트. Contribute to seopport/CineSearch development by creating an account on GitHub. github.com 🪅KPT 회고 Keep (유지): 팀과제를 통해 협업 능력 향상. 다른 사람의 코드를 이해하고 리뷰하면서 협업에 필요한 기술과 소통 능력 강화 OpenAPI를 다루는 경험을 통해 새로운 기술 학습 및 활용 능력 향상 Git을 통한 협업과 Pull Request를 사용하는 경험을 통해 효율적인 협업 방식 습득 Problem (문제): 처음에는 ..

Movie Finder seopport.github.io 오늘 2차 제출을 마지막으로 개인프로젝트 과제가 끝났다. 강의도 다 못 듣고 시작해서 마감기한까지 끝낼 수나 있을까 걱정했는데 다행히 필수요구사항을 모두 구현하였고 선택요구사항도 대부분 구현하였다. 개인프로젝트를 하면서 느낀건 아직 프로그래밍적인 사고가 부족한 것 같다고 느꼈다. 특히 API로 값을 받아온 데이터를 다루면서 console.log()만 거짓말 안하고 백 번 넘게 찍어본 것 같다. ㅋㅋ 메서드나 비동기 함수 등등 배워야할 것이 정말 많은 것 같다. 전에 구글링을 하다가 본 댓글인데, '최고의 주석은 변수과 함수명이다' 라는 말을 보고 감명 깊어서 이번 프로젝트하면서 변수명과 함수명을 잘 지으려고 노력했다. (오늘 배운 용어로 말하자면 ..