목록전체 글 (208)
각진 세상에 둥근 춤을 추자
1. 개발목적 프로젝트 개발을 통해 다양한 개발 스킬 점검 및 통합 구현한다. 프로젝트 개발에 도움이 되는 각족 문서 작업을 경험한다. 프로젝트 요구사항을 실제로 구현하는 기술적인 방법을 습득한다. 프로젝트 실습을 통해 기술 동향을 파악하고 문제 해결 능력을 함양한다. 기획과 문서 작성부터 개발, 형상 관리, 테스트 그리고 배포까지 개발 프로세스 전반을 경험한다. 2. 개발환경 IDE: Eclipse Enterprise + Visual Studio Code 언어: Java 11 WAS: Tomcat 9 프레임워크: - DBMS: MySql 8 형상관리: Git + Github 배포: AWS EC2 3. 주요기능 사용자에게 웹 화면으로 서비스를 제공 (게시판 페이지, 로그인 페이지) 게시판 도메인을 설계 ..
문서 조작 즉, 객체 조작 메서드를 통해 객체를 생성, 복제, 삭제를 하거나 속성을 변환시킬 수 있다. jQuery 조작함수 attr함수 css함수 box1 box2 text, html함수 서울 대전 대구 부산 광주 추가, 이동함수 경기도 충청도 강원도 경상도 창원 수원 목포 부여 원주 파주 전라도 클래스 함수 box1 box2 box3
탐색 선택자를 사용하면 기본 선택자로 선택한 요소 중 원하는 요소를 한 번 더 탐색해서 좀 더 정확하게 선택할 수 있다. jQuery 탐색 함수 서울 대전 대구 부산 서면 경성대 해운대 남포동 광주
제이쿼리란? 제이쿼리(jQuery)는 자바스크립트를 이용해 만든 라이브러리 언어로, 자바스크립트를 쉽게 사용할 수 있도록 돕는 오픈소스 라이브러리를 말한다. 즉, 자바스크립트 코드를 좀 더 직관적으로 이해할 수 있도록 짧고 단순한 형태의 코드로 작성할 수 있다. // 자바스크립트 document.getElementsById("p").innerHTML="웹 프로그래밍"; // 제이쿼리 $(선택자).동작함수(); $("#p").html("웹 프로그래밍"); 제이쿼리 파일은 아래 사이트를 방문해 다운한다. https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes t..
갑자기 자동 완성이 되지 않을 때 그 많은 코드를 언제 하나하나 입력하나 싶기도 하고, 또 정확하게 입력할 수 있을까 싶기도 해 난감하다. 1번 solution (1) 왼쪽 하단 톱니바퀴 아이콘 클릭 - Settings (2) Extensions - Emmet - Trigger Expansion On Tab 체크 2번 solution (1) 하단의 언어 표기가 'HTML'로 되었는지 확인. 다른 언어라면 클릭 후 html 검색 후 클릭 3번 solution (1) 왼쪽 톱니바퀴 아이콘 - Settings - Update - Update:mode 를 none으로 바꾼 후 VSCode 재시작 1번 설루션이 안 되면 2번, 2번 설루션이 안 되면 3번까지 적용한 후 VSCode를 재시작하면 자동완성 기능이 된다.
실습의 자세한 내용은 아래 페이지 참조 2022.10.14 - [JSP] - [JSP] JDBC 프로그래밍 [JSP] JDBC 프로그래밍 JDBC(Java Database Connectivity)란 자바로 데이터베이스 연결 및 관련 작업을 할 때 사용하는 API이다. JDBC 기술로 구현하는 자바 프로그램의 연동 과정은 다음과 같다. JDBC 프로그램 - JDBC 인터페이스 - JD this-circle-jeong.tistory.com [실습] Member 관리 아래 사진과 같이 Member 목록을 관리하는 프로그램을 구현해 본다. (1) 프로젝트 생성 - Java Resources - src/main/java - bean 패키지 생성 - MemberBean.java 파일 생성 pakage bean; p..
JDBC(Java Database Connectivity)란 자바로 데이터베이스 연결 및 관련 작업을 할 때 사용하는 API이다. JDBC 기술로 구현하는 자바 프로그램의 연동 과정은 다음과 같다. JDBC 프로그램 - JDBC 인터페이스 - JDBC 드라이버 - DB JDBC API를 사용하기 위해서는 JDBC 드라이버가 필요하다. JDBC 드라이버를 사용하기 위해서는 웹 애플리케이션에서 자동으로 인식할 수 있도록 해 준다. https://dev.mysql.com/downloads/connector/j/ MySQL :: Download Connector/J MySQL Connector/J 8.0 is highly recommended for use with MySQL Server 8.0, 5.7 and..
브라우저 객체 브라우저에 내장된 객체를 브라우저 객체라고 한다. 브라우저 객체는 다음 그림과 같이 계층적 구조로 이루어져 있다. window 객체 window는 브라우저 객체의 최상위 객체이다. 메서드 종류 설명 open("URL", "새 창 이름", "새 창 옵션") URL 페이지를 새 창으로 나타낸다. alert(data) 경고 창을 나타내고 데이터를 보여준다. [확인]버튼을 누르면 alert()를 사용한 다음 위치의 코드를 수행한다. prompt("질문", "답변) 질문과 답변으로 질의 응답창을 나타낸다. confirm("질문 내용") 질문 내용으로 확인, 취소 창을 나타낸다. [확인] -> true 반환 [취소] -> false 반환 moveTo(x, y) 지정한 새 창의 위치를 이동한다. res..
useBean 액션 태그는 자바빈즈(JavaBeans)를 생성하거나 설정할 때 사용한다 자바빈즈는 데이터를 저장하기 위한 멤버 변수(속성)과 Getters/Setters 메서드로만 이루어진 클래스를 말한다. 자바빈즈는 기본(default) 패키지 이외의 패키지에 속해 있어야 한다. 멤버 변수(속성, 프로퍼티)의 접근 지정자는 private로 선언한다. 기본 생성자가 있어야 한다. 멤버 변수에 접근할 수 있는 Getters/Setters 메서드가 있어야 한다. Getters/Setters 메서드의 접근 지정자는 public으로 선언한다. 액션 태그의 사용 형식은 다음과 같다.
forward는 현재 페이지에 들어온 요청을 다음 페이지로 보내는 기능이다. forward는 이동된 페이지와 request 영역을 공유하며 URL이 변경되지 않는다. 예제를 통해 forward 액션 태그를 이해해 본다. [예제] (1) 시작 페이지 (포워드 하는 페이지): ForwardMain.jsp 액션 태그를 이용한 포워딩 (2) 포워드 되는 페이지: inc 폴더 - ForwardSub.jsp 포워드 결과 page 영역: request 영역: 실행 결과 URL과 request영역은 공유되나 페이지 별로 생성되는 page 영역은 공유되지 않는 것을 알 수 있다.