기본예제3 Express js 설치, 기본예제 Express.js는 Node.js를 좀 더 편리하게 사용하고 웹 애플리케이션을 더 쉽게 구축할 수 있도록 도와주는 웹 프레임워크. Express.js는 Node.js의 기능을 더욱 확장하고 다양한 기능을 간단하게 구현할 수 있다. ✔ Node js 설치 확인 먼저 Nodejs 를 설치한 상태여야 한다. Nods js를 설치하지 않았다면 하단주소로 이동하여 설치하자 https://hunseop2772.tistory.com/274 Node js 환경설정(gulp, nodemon, npmrc, npm install) ✔ node js 1.node js 설치 필요 10 버전 - https://nodejs.org/download/release/v10.24.1/ 2.정상 설치 확인 3.Gulp 설치 npm ins.. 2023. 8. 5. Vue 기본 예제2 ✔ 기본예제 1 동적으로 바인딩된 나의 title을 보려면 몇 초 동안 마우스를 올려 놓으세요! 이것은 빨간색이어야 합니다! 전환하려면 저를 클릭하세요!! 이것은 녹색이어야 하며, 클릭 시 녹색과 파란색 사이를 전환합니다. this.isRed에서 isRed의 default 값은 True이다. click 한 경우 != 메소드 발생하여 False가 되어 색이 변하게 된다. ✔ 기본예제 1 결과 ✔ 기본예제 2 목록 전환 숫자 추가 숫자 제거 목록 뒤집기 {{item}} 목록이 비어있지 않지만, 숨김처리 되었습니다 목록이 비었습니다 v-if, v- else-if 문을 사용하여 원하는 출력을 할 수 있다. ✔ 기본예제 2 결과 기본예제 3 텍스트 입력 {{ text }} 체크박스 체크됨 : {{ checked .. 2023. 3. 2. Vue 기본 예제 ✔ 기본예제 1 {{ message }} {{message1}} mount(".app") 은 class app을 사용하여 메시지를 출력할 것이다 ✔ 기본예제 1 결과 ✔ 기본예제 2 숫자 세기: {{count}} button @ click ="increase" : 버튼을 클릭 시 increase 함수 발동하여 숫자 증가시키기 ✔ 기본예제 2 결과 ✔ 기본예제 3 {{ message }} 메시지뒤집기 "!" 추가하기 e.preventDefault()가 작동하는 링크 ✔ 기본예제 3 결과 2023. 3. 1. 이전 1 다음
