3-1 해커뉴스 클라이언트 앱

Mark64-1·2022년 7월 4일
0

JS

목록 보기
10/16

해커뉴스 클라이언트 앱

해커뉴스 클라이언트 앱은 많은 개발자들이 사용하는 앱이다.
해커뉴스.com은 외국 사이트라 접근성이 좋지는 않다.
외국인들이 토론하고 이야기를 나누면서 소비하는 사이트이다.
그러나 이 사이트를 선택한 이유는 원천적인 기술이 나오는 외국 사람들의 기술을 인지하기 가장 좋기 때문이다.
외국 기술 커뮤니티를 계속 확인하면서 민감한 최신 기술에 더 잘 반응할 수 있게 되는것이 목표이다.
이것을 만들어보면서 기술을 익혀볼것이다.

앱을 만드는 이유는 다른 가지를 다 쳐내고 본질적이고 궁극적인 이유로 정리하면 입력 데이터를 가지고 출력 데이터를 변환하는 과정이다.

이것을 클라이언트 앱을 만들어보면서 감각을 익혀볼것이다.

그리고, 제약 사항이 몇가지 따라오는데
1. 보통 입력 데이터가 필요하고, 이것은 보통 서버가 필요한데, 웹 어플리케이션을 보면

입력 --> 처리 --> 출력

방식으로 진행된다.
그래서 서버를 개발해야하는데, 해커뉴스 클라이언트는 누구나 간단하게 데이터를 가져가기 쉽게 해놨기 때문에 좋은 샘플이고 우리는 서버를 개발하지 않아도 됀다.
해커뉴스의 API를 사용할 것이기 때문이다.

api URL : https://hnpwa.com

  1. 그리고 JS를 공부하는것이 목표이지, 스타일과 퍼블리싱을 공부하는것이 아니기때문에 비쥬얼적인 부분에서 디자인적으로 예쁜 라이브러리를 하나 채택해서 진행할 예정이다.

design URL : https://tailwindcss.com

  1. 비동기 메커니즘을 제거할 것이다.
    자바스크립트에서 필수적으로 익혀야하는 개념이지만, 꽤 난이도가 높고 알아야할것들이 많다.
    또한 코드의 구조가 많이 바뀌어서 입력 -> 처리 -> 출력의 과정을 이해하기 어려워질 수 있기 때문에 임의로 제외했다.

앱 제작의 진행 방식

학습방식 : 문법 요소가 나온다고 디테일하게 설명하지 않고, 6장에서 해당하는 내용을 학습하고 돌아오는것을 추천한다.
또한 코드의 양이 많아지면서 코드 구조가 달라질텐데 이를 세심히 봐야한다고 한다.
그런 학습방법을 유도하기 위해서 강의 순서가 설계되어있다고 한다.
또한 반드시 따라하면서 익혀야한다.

profile
개발자임미다.

0개의 댓글