★ 프로젝트 생성 터미널에서 다음 명령어 실행 vue create oing-vue-project 3 버전 선택 설치 완료 ★ Vue 프로젝트 실행 cd oing-vue-project npm run server 프로젝트 실행 -> npm run serve --port 8081 기본적인 Project 구성
★ 아마존 웹서비스 https://aws.amazon.com/ko/free/?trk=fa2d6ba3-df80-4d24-a453-bf30ad163af9&sc_channel=ps&ef_id=CjwKCAjw44mlBhAQEiwAqP3eVvsNy9f6VIJhnX8u8BU1ermcwbL_M6NgjmHexLYBq_nq3Wcw2AVSLxoCVi0QAvD_BwE:G:s&s_kwcid=AL!4422!3!563761819834!e!!g!!aws!15286221779!129400439466&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free%20Tier%20Types=*all&awsf.Free%20Tier%20C..
★ 스프링, Spring 프레임 워크 > 초반(어려움) > 후반(쉬움) Spring Framework(틀) https://spring.io/ Spring | Home Cloud Your code, any cloud—we’ve got you covered. Connect and scale your services, whatever your platform. spring.io ■ Spring ver Spring 1.0 ~ 6.0 Spring 3.XX ~ 5.XX > Spring 5.XX 사용 자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크이다. 콘솔 프로그램 or 응용 프로그램 or 웹 응용 프로그램 대부분 > 웹 응용 프로그램 Servlet/JSP > 버전업 전자 정부 표준 프레임워크로 채택 > Sp..
★ 주소록 조회 AJAX, JSON 을 이용한 방법 ■ 필요 파일 - com.test.ajax > "Ex09.java" - view ? "ex09.jsp" - com.test.ajax > "Ex09Data.java" - com.test.ajax > "ZipCode.java" ■ 소스코드 Ex09.java ex09.jsp를 열기위한 Servlet 구현 파일 package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.htt..
★ ID 중복 검사 1. 기존 방식 2. AJAX를 이용한 방식 ★ 필요 파일 - com.test.ajax > "Ex08.java" - views > "ex08.jsp" - com.test.ajax > "Ex08Check.java" - views > "ex08check.jsp - com.test.ajax > "Ex08Data.java" ■ 소스코드 Ex08.java package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servl..
★ 실제 AJAX 구현 1. 순수 자바스크립트(원래 Ajax) 2. jQuery Ajax (가장 많이 사용) 3. ES6 > Promise, await ■ 서버 페이지(Servlet/JSP)를 만들 때 1. 브라우저로 요청할 페이지? 2. Ajax로 요청할 페이지? ■ 1. 순수 자바스크립트(원래 Ajax) 필요 파일 - 페이지 > 보임 - com.test.ajax > "Ex05.java" - com.test.ajax > "Ex05Data.java" - 데이터(처리) > 안보임 - views > "ex05.jsp" - views > "ex05data.jsp" - webapp > "ex05.txt" ■ 1. 소스 코드 Ex05.java package com.test.ajax; import java.io.I..
★ AJAX, Asynchronous JavaScript and XML 비동기 자바스크립트 & XML 비동기 자바스크립트 통신 자바스크립트 웹서버(톰캣) 순수 자바스크립트 버전 jQuery 버전 ES6 자바스크립트 버전 ★ 예제 1 - 데이터베이스 데이터 count 출력 ■ 파일 생성 프로젝트 생성 name : "AjaxTest" context : 패키지 생성 com.test.ajax WEB-INF/views lib -> jar파일 파일 생성 ex01.java AjaxDAO.java MemoDTO.java ex01.jsp ■ ex01.java package com.test.ajax; import java.io.IOException; import javax.servlet.RequestDispatcher; ..
★ FileTest Dynamic Web package 생성 ■ 파일 생성 1. 업로드 폴더 생성 - webapp > "files" 2. 패키지 - "com.test.file" 3. 뷰 폴더 - webapp > WEB-INF > "veiws" 4. 라이브러리 - webapp > WEB-INF > lib - ojdbc6.jar - mylibrary.jar - jstl-1.2.jar - cos.jar 다중 파일 업로드 - com.test.file > "MultiFile.java" > "MultiFileOk.java" > "Download.java" - webapp > WEB-ING > "multifile.jsp" > "multifileok.jsp" ■ MultiFile.java : 파일 업로드 하는 Serv..
