[실습1] hacker news client

첫 실습으로 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 작업없이 엘리먼트의 클래스명만으로 스타일링이 가능하도록 한다.