동네 행사 보드
정보의 우선순위와 작은 화면의 읽기 흐름을 설계합니다.
PLAN → HTML → CSS
01 / RELEASE BOARD완성 화면보다
완성 화면보다
만든 이유를 기록합니다.
습관 기록 도구
입력·상태·피드백의 관계를 작은 프로토타입으로 확인합니다.
LOGIC → STATE → TEST데이터 이야기
숫자를 비교 가능한 구조와 설명으로 바꾸는 연습입니다.
DATA → VIEW → EXPLAIN02 / LEARNING TRACKS작게 만들고,
작게 만들고,
분명하게 설명하기.
WEB BASICS
문서 구조, 스타일, 상호작용을 하나의 작은 웹 페이지로 연결합니다.
HTML → CSS → JSLOGIC LAB
문제를 입력, 조건, 출력으로 나눠 사고하는 연습을 합니다.
INPUT → THINK → OUTPUTTEAM BUILD
역할을 나누고 변경 이유를 기록하며 함께 결과물을 정리합니다.
ISSUE → REVIEW → SHARE03 / REVIEW PIPELINEPLAN
PLAN
CODE
TEST
SHARE
- 01문제의 범위를 한 문장으로 씁니다.
- 02작동하는 가장 작은 단위를 만듭니다.
- 03예상과 다른 지점을 확인하고 기록합니다.
- 04결과보다 배운 과정을 설명합니다.
// 04 STATIC DEMO / NO APPLICATION FORM
코드를 시작하기 전에
학습 방식을 읽어보세요.
000-0000-0000 · 가상 번호가상특별시 포트폴리오구 데모로 00 · 가상 주소포트폴리오 데모 · 실제 연결되지 않음
return top; ↑