Vue 인스턴스 Vue 인스턴스에서 제공되는 옵션을 붙여 개발 할 수 있다. el : id를 찾는 함수 data : 값을 넣을 데이터 {{ myText }} 2. 데이터 표시 {{데이터}} v-text : 프로퍼티 html에 표현할 때는 {{ 프로퍼티 이름}} 형식으로 표현 v-html : HTML로 표현 {{ myText }} v-text와 {{myText}는 프로퍼티 텍스트를 그대로 출력하지만, v-html은 HTML로 표현된다. 3. 데이터 종류 Vue에서 데이터 타입은 숫자형, 문자형, Boolean이 있다. 데이터 종류 {{ myPrice * 1.08 }} {{ "안녕하세요~" + myName + "님"}} {{ myName.substr(0,1) }} 배열 오브젝트 배열,오브젝트 {{ myArr..
★ 프로젝트 생성 터미널에서 다음 명령어 실행 vue create oing-vue-project 3 버전 선택 설치 완료 ★ Vue 프로젝트 실행 cd oing-vue-project npm run server 프로젝트 실행 -> npm run serve --port 8081 기본적인 Project 구성
★ VSCode 설치 자신의 환경에 맞는 버전과 운영체제에 맞게 다운로드 https://code.visualstudio.com/docs/?dv=win64user Documentation for Visual Studio Code Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com ★ Node.js 설치(npm..
★ Board : 게시글을 올리고, 해당 게시글에 댓글을 다는 곳 ★ 소스코드 분석 - com.test.toy.board ■ Add.java package com.test.toy.board; import java.io.IOException; import java.io.PrintWriter; import java.util.HashMap; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; i..
★ 버전 관리 레포트 게임 > 세이브 클라우드 서비스 구글 드라이브 > 버전 관리 지원 원드라이브 오피스 ■ 버전 관리 시스템 1. CVS(Concurrent Versions System) 2. SVN(SubVersion) Git ■ Git Git 호스팅 업체(Git 원격 제공 서비스) Github(MS) GitLab BitBucket ★ 프로그램 1. git https://git-scm.com 다운로드 > 64-bit git for windows Setup 2. SourceTree https://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of..
★ JavaScript 구문을 가져오기 JSoup으로는 사용이 불가함. 셀레니움(Selenium)을 통해 가져오기 ★ 셀레니움(Selenium) 테스트 자동화 툴 https://www.selenium.dev/downloads/ Downloads Selenium automates browsers. That's it! www.selenium.dev 자바 버전 다운로드 압축 해제 후, lib 폴더에 있는 jar파일 lib에 넣기 다 넣어도 됨. ★ ChromeDriver 다운로드 현재 내 버전 확인 도움말 -> Chrome 정보 현재 버전 : 버전 113.0.5672.127 https://chromedriver.chromium.org/ ChromeDriver - WebDriver for Chrome WebDr..
★ 다음 영화 페이지 https://movie.daum.net/main HOME Daum영화에서 자세한 내용을 확인하세요! movie.daum.net 영화 박스오피스 순위 -> 크롤링 개발자 모드 F12를 이용하여 태그 분석 ★ 소스 package com.test.crawling; import java.io.IOException; import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.select.Elements; public class Ex03 { public static void main(String[] args) { try { //가져올 URL String url =..
★ JSP Model ▶ 1. JSP Model 1 - HTML + CSS + JavaScript + Java + Servlet + JSP = *.jsp + client code 코드가 뒤엉켜서 > 불편함. ▶ 2. JSP Model 2 Servlet : 자바 코드 작성 JSP : 클라이언트 코드 작성 디자인 패턴 : MVC 패턴 기반 구현 ▶ MVC 디자인 패턴 Model > 데이터 (관련 업무) 담당 -> 일반 자바 클래스 View > 출력 업무 담당 -> JSP Controller > 전체 업무 통제 역할 -> 서블릿 ▶ Servlet 자바 기반 + 웹 추가 자바 작성 용이, 웹 작성 불편 ▶ JSP 웹 기반 + 자바 추가 웹 작성 용이, 자바 작성 불편 ▶ Servlet + JSP 자바 작성(Se..
