SKIP TO CONTENT
GENERAL TRACK

진짜 앱 만들기

페이지에서 앱으로 한 단계 올라갑니다. 날씨 대시보드와 레시피 북을 만들어 봅니다.

1무엇이 "앱"과 "페이지"를 가르나요?

지금까지 여러분은 웹 페이지 -- 약간의 상호작용이 있는 정적인 문서 -- 를 만들어 왔습니다. 웹 은 한 걸음 더 나아갑니다. 데이터를 관리하고, 사용자의 입력에 동적으로 반응하며, 종종 데스크톱이나 모바일 애플리케이션처럼 느껴집니다.

페이지 vs. 앱

웹 페이지

  • 고정된 내용을 보여 줍니다
  • 상호작용이 적거나 없습니다
  • 예를 들면: 식당 메뉴, 블로그 글

웹 앱

  • 상태(바뀌는 데이터)를 관리합니다
  • 사용자의 입력에 실시간으로 반응합니다
  • 예를 들면: 날씨 앱, 레시피 북, 지메일

핵심 차이는 상태입니다. 앱은 데이터를 메모리에 보관하고(레시피 목록이나 날씨 검색의 현재 도시처럼), 그 데이터가 바뀌면 화면을 갱신합니다. 검색하거나 거르거나 추가하거나 삭제할 때마다 -- 앱의 상태가 바뀌고 화면이 그것을 반영합니다.

Your guide

2더 큰 프로젝트를 위한 프롬프트 설계

3함께 만들기: 날씨 대시보드

4흔히 쓰이는 앱 패턴

5도전: 레시피 북 앱 만들기