★ 스프링, 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..
★ 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..
■ HTML 코드 Board 번호 제목 이름 날짜 읽음 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 Previous 1 2 3 4 5 6 7 8 9 Next ■ CSS 코드 ■ 실행 결과 ■ 아이콘을 제공 https://icons..
★ 부트스트랩, BootStrap 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS프레임워크이다. https://getbootstrap.com/docs/5.3/getting-started/download/ Download Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more. getbootstrap.com 다운로드 CDN VSCode 터미널을 이용해서 다운로드 ■ 부트스트랩 가져오기 명령어 ■ 다양한 사용 설명 https://getbootstrap.kr/docs/5.2/getting-st..
★ 순수 JavaScript Vanila JavaScript ★ JavaScript Library(API) jQuery ★ JavaScript FrameWork React Angular Vue ★ jQuery JQuery is a fast(x), small(x), and feature-rich JavaScript Library Lightweight Footprint CSS3 Compliant Cross-Browser ★ JQuery 다운로드 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal..
★ 고양이 잡기 게임 5개의 단계에 거쳐 나타나는 고양이를 포획하는 게임 ■ HTML 코드 Catch Cat Ready ■ CSS 코드 ■ JavaScript ■ 실행 결과 ■ 시뮬레이션 HTML 삽입 미리보기할 수 없는 소스
★ 이동하는 고양이를 잡기 이동하는 고양이를 클릭하여 포착하기 ■ HTML 코드 ■ CSS 코드 ■ JavaScript ■ 실행 결과 ■ 시뮬레이션 HTML 삽입 미리보기할 수 없는 소스
★ 이미지 뷰어 이미지 뷰어를 구현. ▷/|| 버튼을 누르면 시작/멈춤을 제어. 1초마다 순차적으로 이미지가 변경. 특정 버튼을 눌러 이미지를 변경한다. 자동 실행 중 특정 버튼을 누르면 타이머는 중단되고 누른 이미지가 출력된다. ■ HTML 코드 ■ CSS 코드 ■ JavaScript ■ 실행 결과 ■ 시뮬레이션 HTML 삽입 미리보기할 수 없는 소스
