본문 바로가기
패스트캠퍼스/프론트엔드 아카데미 : 제 1강 JavaScript & TypeScrip

패스트캠퍼스 환급챌린지 9일차 : 김민태의 프론트엔드 아카데미 : 제 1강 JavaScript & TypeScript Essential 강의 후기

by Tan- 2025. 7. 9.

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
https://fastcampus.info/4n8ztzq


250709(수) 9일차

Hacker News 클라이언트 앱

 

앱은 복잡한 기술이 아닌 입력 → 처리  → 출력

개발을 시작하면 문법, 구조, 라이브러리, 빌드 도구 같은 개념들이 허들을 만들면서 어렵게 느껴지게 하는데

이번 강의에서 강사님이 하신 말씀

애플리케이션은 결국 입력된 데이터를 처리해서 출력하는 것.

복잡한 기술들이 들어가 있지만,

입력 데이터가 많고, 다양할 수 있고 출력하는 형식이 많을 수 있겠지만

본질적으로 어떠한 입력된 데이터를 가지고 출력 데이터로 변환하는 과정

 

해커 뉴스

해커 뉴스는 전 세계 개발자들이 기술 트렌드나 의견을 나누는 유명한 커뮤니티

사이트 자체를 분석하는 것도 의미 있지만, 공식 API를 통해 데이터를 쉽게 가져올 수 있다는 점이 장점

 

초보 입장에서 제약사항

1. 서버가 없다 = 해커 뉴스 API 활용 예정

2. 디자인 = 프론트 엔드는 비주얼이 중요 = tailwindcss 사용 예정

3. 비동기 메커니즘 = 필수로 익혀야 하는 개념이지만 허들이 높아 다음에 진행 예정

 

tailwindcss

기능 구현에 집중하기 위해 CSS는 최소화,

tailwindcss라는 간단하고 가벼운 CSS 프레임워크 사용 예정

 

비동기 처리

비동기 처리는 JavaScript 학습자들에게 큰 허들 중 하나이므로

이번 강의에선 의도적으로 비동기 메커니즘을 제거하고, 정적인 데이터 흐름에만 집중해

핵심 로직인 데이터 → 처리 → 화면 출력에만 집중할 수 있게 할 예정

비동기는 이후 강의에서 계속 등장할 예정이므로 이번에는 구조 자체를 먼저 익히는데 초점을 맞추기

 

 

프로그래밍을 배워서 결국 하고 싶은 것은 앱을 만드는 것인데

문법부터 배우다보면 앱을 언제 만드나 싶다.

그래서 이 강의는 순서를 바꿨다 먼저 만들어보고 그 과정에서 필요한 문법이나 개념을 학습하는 방식으로

 

직접 해보면서 막히는 부분과 에러가 있다면 찾아가면서 해결해 나가는 과정에서 쌓이는 코드 마일리지,

이런 문제를 해결해 나가면서 얻는 경험이 앞으로의 학습 속도를 훨씬 빠르게 만들어 준다니

프로젝트는 직접 해보면서, 모르는 것은 계속 찾아보자