Page 13 -

4장

실습: 계산기 만들기 151
4.1 실습 내용 소개 152
4.2 뷰 애플리케이션의 기본 구조 설정하기 154
4.2.1 프로젝트 생성 154
4.2.2 불필요한 폴더 및 파일 정리 155
4.3 계산기의 UI 구성하기 157
4.3.1 HTML 코드 작성하기 157
4.3.2 CSS 코드 작성하기 159
4.4 데이터 바인딩하고 이벤트 연결하기 160
4.4.1 데이터 정의와 바인딩 160
4.4.2 이벤트 연결 161
4.5 계산기 로직 구현하기 164
4.5.1 클릭한 버튼 값 가져오기 164
4.5.2 입력한 값 노출하기 166
4.5.3 연산 로직 구현하기 167
4.5.4 예외 처리하기 173
4.5.5 초기화하기 174
4.5.6 코드 개선하기 175
정리하기 179
도전 과제 180

5장

컴포넌트 다루기 181

5.1 컴포넌트란 182
5.1.1 컴포넌트 기반 아키텍처 182
5.1.2 뷰에서 컴포넌트의 개념 183
5.1.3 컴포넌트의 부모-자식 관계 185
5.2 컴포넌트 정의하기 186
5.2.1 싱글 파일 컴포넌트 186
5.2.2 컴포넌트 생성하기 187
014