첫 실습으로 hacker news의 데이터를 보여주는 애플리케이션을 만들어본다.
https://github.com/ginameee/fc-front-acedemy/tree/master/3-hacker-news
기능
- 뉴스 리스팅 & 페이징
- 뉴스 상세
- 커멘트
제약사항
- 비동기제외
- css styling 제외 -> css 프레임워크를 사용한다.
구성
- Data: Hackernews PWA에서 제공하는 API를 이용한다.
- Design: tailwindcss를 이용한다.
부록
애플리케이션
애플리케이션이란, 본질적으로 입력된 데이터(input)을 가지고 출력데이터(output)로 변환하고, 동시에 상태를 갖는 프로그램이다.
tailwindcss
css 프레임워크로, 마크업만으로 디자인이 가능하도록 해준다.
별도의 css 작업없이 엘리먼트의 클래스명만으로 스타일링이 가능하도록 한다.
오늘 먹은 음식도 기억이 안납니다. 그래서 모든걸 기록합니다.