Page 27 -

<div class="calculator">
<form name="forms">
<input type="text" name="output" readonly />
(중략)
<input type="button" class="operator result" value="=" />
</form>
</div>
</template>
<style></style>

2 한번 실행해 보겠습니다. 터미널에 다음 명령어를 입력하고 Enter 를 누릅니다.

터미널
npm run dev

3 뷰에 내장된 개발 서버가 구동되면서 다음과 같은 주소가 출력됩니다. 웹 브라우저를 열고
출력된 Local 주소를 입력하거나 터미널에서 Ctrl 키를 누른 채로 주소를 클릭하세요.

그림 4-7 개발 서버 구동

4 작성한 코드가 실행되면서 다음과 같은 화면이 웹 브라우저에 표시됩니다.

그림 4-8 실행결과

158