Journal/프로젝트 (3) 썸네일형 리스트형 [E-commerce]UXUI와 백엔드와 협업한 프로젝트 회의를 매번 온라인으로 해서 단체 사진이 없네.. UXUI와 백엔드와 함께라니 이번 프로젝트는 디자인팀과 백엔드가 함께 했다. 프론트엔드만으로 구성되었을 때와 확연히 다른 느낌. 프로젝트다운 프로젝트, 협업다운 협업을 하는 기분이었다. UXUI 2분과 백엔드 2분, 프론트엔드 5분과 함께 렌즈 웹사이트를 리뉴얼하는 프로젝트를 맡았다. 첫 협업이다 보니 삐걱거리고 아쉽고 부족한 점이 많았지만 마지막까지 최선을 다해 마무리 할 수 있었다. 좋았던 점😆 1. 서버에게 API를 받고 서버와 소통하는 게 무엇인지 경험할 수 있었다. 이전까진 오픈API로 데이터를 가져다가 쓰는 GET 요청만 쓸 수 있었는데 우리만의 서버가 생기니 POST와 DELET과 같이 프론트단에서 정보를 보내고 응답값을 받는 요청도 할 수 .. [프로젝트]News Search App 내 첫 팀 프로젝트! New York Times의 기사 api를 활용해 검색어에 해당하는 기사결과를 보여주는 간단한 웹이다. 좋아하는 기사를 북마크에 추가할 수 있고, 그 기사들만 따로 볼 수 있다. 새로 배운 것 - 아무것도 없는 상황에서 4명이 코드를 짜려니 막막했다. 그래서 내가 먼저 큰 그림을 그리고(어떤 라이브러리를 사용할지, 추상화된 유스케이스), 폴더구조를 나누고, 리덕스로 action을 정의해서 각개의 기능구현이 서로 종속되지 않고 개발할 수 있도록 했다. 이를 통해 팀프로젝트의 흐름을 조금 익힌 것 같다. - redux를 이해해서 redux-toolkit을 활용할 수 있게 되었다. 전역상태관리를 redux-toolkit library를 통해 했고 거의 모든 데이타를 redux store에.. [Toy Project] News List 구현해야할 기능 검색어에 따라 뉴스 정보 받아오기 정보받아오는 것과 화면에 표현하는 거 비동기처리하기 마지막 입력후 0.5초가 지나면 자동 검색 최근 검색어(최대 5개) 보여주는 기능 검색창에 focus 되어 있을 때만 최근 검색어 보여주기 스크롤을 내릴 때마다 뉴스 추가하기 clip 버튼 누르면 unclip과 clip 토글 detail 버튼 누르면 해당 기사링크로 이동하기 Things I'm struggling with 뉴스가 한번에 10개씩 밖에 안 받아와 짐. 모든 뉴스를 받아오는 거 어떻게 하는 걸까? let currentPage =1 const getMoreArticles = () => { const { scrollTop, scrollHeight, clientHeight } = document... 이전 1 다음
