해커뉴스 페이지에서 제공하는 api를 활용하여 리딩 페이지 만들기.
: ex) 스벨트로 만든 해커뉴스 리딩 페이지
UI/UX 팀과의 협업.
디자인 시안을 보고 디자이너의 의도를 듣고 필요한 부분들 추가하고 불필요한 부분을 제거하기 위한 회의.
구현 가능한 부분과 불가능한 부분을 서로 질문하고 불가능한 부분을 대체하기위한 아이디어 회의.
개인 작업.(Front-End)
Code sandbox 를 사용하여 작업.
github 에 업로드.
각 주제와 페이지에 맞는 글 목록을 조회할 수 있다.
유저가 선택한 주제에 맞춰 알맞은 페이지의 글 목록을 조회해서 보여줍니다.
선택한 글의 내용과 코멘트 목록을 볼 수 있다.
조회한 글 목록에서 글을 클릭하면 연결된 링크를 새로운 탭으로 열람해야 합니다.
또한 코멘트 개수를 클릭하면 글에 연결된 코멘트 목록을 볼 수 있습니다.
글을 작성한 유저의 정보를 볼 수 있다.
조회한 글 목록에서 유저 이름을 클릭하면 유저의 정보를 볼 수 있습니다.
=> JavaScript 사용
=> React 사용
=> CSS in JS 선택
=> @reduxjs/toolkit 사용
=> CRA 선택
=> React Router 사용
=> 배포
News 에 Top, New 로 정렬을 변경하며 확인할 수 있도록 함.
목록을 구성하는 옵션을 두가지로 함.( 구성이 다르게 )
목록 옵션 중 목록을 스와이프 하면 정보를 보여주거나 링크 이동이 가능하게 함.
react-redux
@reduxjs/toolkit
React-Router
styled-component