각진 세상에 둥근 춤을 추자

2022.10.23 - [JSP] - [JSP] JAVA JSON user 관리 프로그램 - 리스트 [JSP] JAVA JSON user 관리 프로그램 - 리스트 Ajax를 이용해서 user 목록을 관리하는 프로그램을 구현해 본다. 데이터는 Sequel Pro에서 작성하여 불러온다. 1. Eclipse - user2 폴더 생성 - data 폴더, js폴더 생성 jsp파일과 js파일을 나누어 생성한다... this-circle-jeong.tistory.com 리스트에 이어 user 등록 화면과 user 등록을 구현해 본다. 1. register.js (데이터 요청) /** * */ function register(){ $(function(){ $('section').empty(); $('nav').empt..

Ajax를 이용해서 user 목록을 관리하는 프로그램을 구현해 본다. 데이터는 Sequel Pro에서 작성하여 불러온다. 1. Eclipse - user2 폴더 생성 - data 폴더, js폴더 생성 jsp파일과 js파일을 나누어 생성한다. 2. list.js (데이터 요청) /** * */ function list(){ $(function(){ $('section').empty(); $('nav').empty().append("user2 목록user2 등록"); $.get('./data/list.jsp', function(data){ let table = ""; table += ""; table += "아이디"; table += "이름"; table += "휴대폰"; table += "나이"; tabl..

1. JSON 문자열 처리 방식 다음과 같은 JSON 데이터를 생성한 다음, Ajax를 이용해 해당 데이터를 요청 및 출력해 본다. 1-1. JSON 데이터 생성 ( JSON 문자열 처리 방식): json1.jsp / escape 처리 String jsonData = "{\"uid\":\"a101\", \"name\":\"홍길동\", \"hp\":\"010-1234-1001\", \"age\":23}"; // JSON 출력 out.print(jsonData); %> 1-2. JSON 데이터 요청 폼 작성: 3_JSON.jsp AJAX 실습 데이터 요청 아이디 : 이름 : 휴대폰 : 나이 : 1-3. Ajax를 이용해 데이터 요청하기: 3_JSON.jsp 2. DB JSON 방식 다음과 같은 DB의 데이터..

2022.10.21 - [JSP] - [JSP] 프로젝트 실습 - 게시판 만들기 3 (약관 화면 설계) [JSP] 프로젝트 실습 - 게시판 만들기 3 (약관 화면 설계) 2022.10.19 - [JSP] - [JSP] 프로젝트 실습 - 게시판 만들기 2 (로그인 화면 설계) [JSP] 프로젝트 실습 - 게시판 만들기 2 (로그인 화면 설계) 아래 화면과 같은 로그인 화면 페이지를 구현해 본다. 화면 페 this-circle-jeong.tistory.com 앞서 구현한 약관 화면에서 다음 버튼을 클릭하면 회원가입 화면이 나오게 코드를 작성했다. 이번에는 회원가입 화면을 구현해 본다. 1. 회원가입 폼 구현하기 사이트 이용정보 입력 아이디 비밀번호 비밀번호 확인 개인정보 입력 이름 별명 공백없이 한글, 영문..

2022.10.19 - [JSP] - [JSP] 프로젝트 실습 - 게시판 만들기 2 (로그인 화면 설계) [JSP] 프로젝트 실습 - 게시판 만들기 2 (로그인 화면 설계) 아래 화면과 같은 로그인 화면 페이지를 구현해 본다. 화면 페이지를 보면 3부분으로 나눌 수 있다. 헤더(header) - 메인(main) - 푸터(footer)이다. 각각 페이지를 구현할 때 마다 헤더와 푸터 부분을 this-circle-jeong.tistory.com 앞서 구현한 로그인 화면에서 '회원가입' 버튼을 클릭하면 약관 화면이 나오게 작성하였다. 이번에는 약관 화면을 구현해 본다. 약관 내용은 네이버 약관 내용을 복사했다. 내용 입력은 Sequel Pro를 통해 입력했다. 1. 약관 폼 구현하기 사이트 이용약관 동의합니다..

아래 화면과 같은 로그인 화면 페이지를 구현해 본다. 화면 페이지를 보면 3부분으로 나눌 수 있다. 헤더(header) - 메인(main) - 푸터(footer)이다. 각각 페이지를 구현할 때 마다 헤더와 푸터 부분을 작성해도 되지만 편의성을 위해 헤더와 푸터 부분은 따로 작성 후 불러오는 방식을 쓴다. (1) Jboard1 프로젝트 하위 - src - main - webapp webapp - css 폴더 생성 - style.css 파일 생성 webapp - user 폴더 생성 - _header.jsp, _footer.jsp, login.jsp, register.jsp, terms.jsp 파일 생성 webapp - _header.jsp, _footer.jsp, list.jsp, modify.jsp, vi..

1. 개발목적 프로젝트 개발을 통해 다양한 개발 스킬 점검 및 통합 구현한다. 프로젝트 개발에 도움이 되는 각족 문서 작업을 경험한다. 프로젝트 요구사항을 실제로 구현하는 기술적인 방법을 습득한다. 프로젝트 실습을 통해 기술 동향을 파악하고 문제 해결 능력을 함양한다. 기획과 문서 작성부터 개발, 형상 관리, 테스트 그리고 배포까지 개발 프로세스 전반을 경험한다. 2. 개발환경 IDE: Eclipse Enterprise + Visual Studio Code 언어: Java 11 WAS: Tomcat 9 프레임워크: - DBMS: MySql 8 형상관리: Git + Github 배포: AWS EC2 3. 주요기능 사용자에게 웹 화면으로 서비스를 제공 (게시판 페이지, 로그인 페이지) 게시판 도메인을 설계 ..

실습의 자세한 내용은 아래 페이지 참조 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..

useBean 액션 태그는 자바빈즈(JavaBeans)를 생성하거나 설정할 때 사용한다 자바빈즈는 데이터를 저장하기 위한 멤버 변수(속성)과 Getters/Setters 메서드로만 이루어진 클래스를 말한다. 자바빈즈는 기본(default) 패키지 이외의 패키지에 속해 있어야 한다. 멤버 변수(속성, 프로퍼티)의 접근 지정자는 private로 선언한다. 기본 생성자가 있어야 한다. 멤버 변수에 접근할 수 있는 Getters/Setters 메서드가 있어야 한다. Getters/Setters 메서드의 접근 지정자는 public으로 선언한다. 액션 태그의 사용 형식은 다음과 같다.