Page 24 -

3 프롬프트에 값을 모두 입력하면 스캐폴딩이 끝납니다. 이어서 터미널에 다음 명령어를 입력

하세요.

터미널
npm install

4 명령어를 입력하면 뷰를 구동하는 데 필요한 패키지를 설치합니 그림 4-5 생성된 실습용 프로젝
트의 초기 폴더 및 파일
다. 설치 과정이 모두 끝나면 그림 4-5와 같이 프로젝트를 위한
초기 폴더와 파일이 만들어집니다. 4장 실습: 계산기 만들기

4.2.2 불필요한 폴더 및 파일 정리

아직 뷰에 관해 많은 내용을 배우지 않았습니다. 그래서 스캐폴딩된
초기 폴더와 파일 중에서 사용하지 않는 것이 많습니다. 현재 단계에
서 이러한 폴더나 파일은 필요 없으므로 정리하겠습니다.

1 불필요한 폴더부터 삭제합니다. src 폴더 하위에 assets 폴더와

components 폴더가 있습니다. 두 폴더는 이 프로젝트에서 사용
하지 않으므로 삭제합니다.

그림 4-6 assets 폴더와 components 폴더 삭제

2 src 폴더에 있는 App.vue 파일을 엽니다. 기본으로 작성된 코드가 있는데, 앞에서 삭제한

두 폴더에 포함된 파일을 참조하는 코드이므로 모두 삭제합니다. 그리고 다음 코드를 새로 작
성합니다.

src/App.vue
<script>
export default {}
</script>

155