[JSP] 아이디 중복 체크 기능 구현 <동기 방식>개발/Programming / 2021. 10. 17.이번 혼자서 게시판 웹페이지를 만들면서 내가 생각해본 대로 만든 [아이디 중복 체크 기능]을 업로드하겠습니다. 기능을 만들기에 앞서 인 두 가지 방식으로 만들 수 있었습니다. 최근 많은 웹페이지에서 회원 가입 시에 아이디 중복 체크 기능을 비동기 방식으로 진행합니다. 하지만 저는 먼저 동기 방식으로 한번 만들어보았습니다. 추후에 비동기 방식으로 아이디 중복 체크 기능을 구현해보겠습니다. 부족한 부분이 있으면 댓글로 소중한 의견과 조언 부탁드립니다. 실제로 제가 만든 회원가입 창의 UI입니다. 기능 설명 1) ID 입력 없이 [중복 확인] 버튼 클릭 시 아이디를 적으라는 메시지와 오류 표시 2) ID를 적은 후 [중복 확인] 버튼을 클릭하면 아래 이미지와 같이 새로운 창 오픈 - 회원 가입 ID 입력란에 ..
웹 프로젝트 초기 설정개발/Programming / 2021. 9. 17.웹 프로젝트 초기 설정 프로젝트 설정 서버 설정 서블릿 API 설정 데이터 베이스 연동 JSP 표현언어 라이브러리 설정 1. 프로젝트 설정 ① Dynamic Web project 클릭 ② 웹 이름을 프로젝트 이름으로 설정 -> next를 클릭 ③ src 폴더로 수정 후 build\classes 입력 후 next ④ content directory에 WebContent 입력후 체크박스 체크 후 finish 클릭 - 추가로 html, jsp의 인코딩을 UTF-8 설정 (*방법은 블로그 참조) 2. 서버 설정 (tomcat9) ① servers의 new Server 클릭 ② 자신에게 맞는 서버를 선택 후 next ③ 서버를 적용할 프로젝트를 add 후 finish 클릭 3. 서블릿 API 설정 ① 프로젝트 우..
한글 인코딩 UTF-8 설정개발/Programming / 2021. 9. 17.이클립스에서 HTML 파일, JSP 파일을 생성하면 한글 인코딩이 EUC-KR로 설정 이를 UTF-8로 자동으로 설정하기 ① 이클립스 상단 메뉴의 Window > Preference를 클릭 ② Web > HTML Files을 선택한 후 Encoding을 UTF-8로 변경 ③ JSP도 동일한게 변경
Flow chart (순서도)개발/Programming / 2021. 9. 15.순서도 (FLOW CHART) 컴퓨터로 처리해야 할 작업 과정을 약속된 기호를 사용하여 순서대로 일관성 있게 그림으로 나타내는 것 역할 프로그램 작성의 직접적인 자료가 됨. 업무의 내용과 프로그램을 쉽게 이해, 전달 용이 프로그램의 정확성 여부를 판단하는 자료 유지보수 효과 프로그램 언어에 관계없이 공통으로 사용 순서도의 종류 시스템 순서도 (System flowchart) 개략 순서도 (general flowchart) 프로그램 순서도 (program flowchart) 상세 순서도 (detail flowchart) 순서도 기호 * 이 외 기호 ≫ 연결자 : 흐름이 다른 곳과 연결되는 입출구를 나타냄 ≫ 준비 : 기억장소, 초기값 등 작업의 준비 과정을 나타냄 ≫ 반복 무료 플로우 차트 작성 사이트 d..
executeQuery 와 executeUpdate개발/DB&SQL / 2021. 8. 24.Statement Statement 객체는 SQL문을 데이터베이스로 전송하는데 사용 세 종류의 Statement 객체 SQL문을 실행하기 위한 컨테이너들로써 동작 Statement PreparedStatement (Statement로부터 상속) CallableStatement (PreparedStatement로부터 상속) Statement 객체 수행 ⓐ execute 수행결과로 Boolean 타입의 값을 반환 모든 구문을 수행 리턴값이 ResultSet이라고 하여 결과값을 담을 수 없음. 만약 리턴값이 ResultSet 일 경우에는 true, 이외의 경우에는 false 출력 * 반환 타입으로 boolean 타입을 사용하지 않는 경우 다음과 같은 메세지가 출력 error: incompatible types..
[JSP/서블릿] 파일 업로드/ 다운로드 라이브러리개발/Programming / 2021. 8. 1.▣ 파일 업로드 게시글의 첨부파일, 프로필, 쇼핑몰 상품 이미지 등록 등 웹 환경에서 파일 업로드는 많은 곳에서 사용 Servlet 3.0 이전에는 전송된 File을 쉽게 처리할 수 있도록 지원해주는 API가 없음. 따라서 Servlet/Jsp 환경에서 파일업로드를 구현할 때는 파일 업로드와 관련된 라이브러리를 사용 * 라이브러리를 사전 설치 필요 ① http://jakarta.apache.org/ 접속 후 FileUpload 와 commons-io 라이브러리 설치 ② 각 jar를 lib에 추가 ⭐ 반드시 form 태그에 enctype="multipart/form-data" 설정 - 이 방식은 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용 HTML에서는 기본적으로 파일을 첨부할 수 있는 API를 ..
[JSP] 아이디 중복 체크 기능 구현 <동기 방식>
개발/Programming
/ 2021. 10. 17.
이번 혼자서 게시판 웹페이지를 만들면서 내가 생각해본 대로 만든 [아이디 중복 체크 기능]을 업로드하겠습니다. 기능을 만들기에 앞서 인 두 가지 방식으로 만들 수 있었습니다. 최근 많은 웹페이지에서 회원 가입 시에 아이디 중복 체크 기능을 비동기 방식으로 진행합니다. 하지만 저는 먼저 동기 방식으로 한번 만들어보았습니다. 추후에 비동기 방식으로 아이디 중복 체크 기능을 구현해보겠습니다. 부족한 부분이 있으면 댓글로 소중한 의견과 조언 부탁드립니다. 실제로 제가 만든 회원가입 창의 UI입니다. 기능 설명 1) ID 입력 없이 [중복 확인] 버튼 클릭 시 아이디를 적으라는 메시지와 오류 표시 2) ID를 적은 후 [중복 확인] 버튼을 클릭하면 아래 이미지와 같이 새로운 창 오픈 - 회원 가입 ID 입력란에 ..
웹 프로젝트 초기 설정
개발/Programming
/ 2021. 9. 17.
웹 프로젝트 초기 설정 프로젝트 설정 서버 설정 서블릿 API 설정 데이터 베이스 연동 JSP 표현언어 라이브러리 설정 1. 프로젝트 설정 ① Dynamic Web project 클릭 ② 웹 이름을 프로젝트 이름으로 설정 -> next를 클릭 ③ src 폴더로 수정 후 build\classes 입력 후 next ④ content directory에 WebContent 입력후 체크박스 체크 후 finish 클릭 - 추가로 html, jsp의 인코딩을 UTF-8 설정 (*방법은 블로그 참조) 2. 서버 설정 (tomcat9) ① servers의 new Server 클릭 ② 자신에게 맞는 서버를 선택 후 next ③ 서버를 적용할 프로젝트를 add 후 finish 클릭 3. 서블릿 API 설정 ① 프로젝트 우..
한글 인코딩 UTF-8 설정
개발/Programming
/ 2021. 9. 17.
이클립스에서 HTML 파일, JSP 파일을 생성하면 한글 인코딩이 EUC-KR로 설정 이를 UTF-8로 자동으로 설정하기 ① 이클립스 상단 메뉴의 Window > Preference를 클릭 ② Web > HTML Files을 선택한 후 Encoding을 UTF-8로 변경 ③ JSP도 동일한게 변경
Flow chart (순서도)
개발/Programming
/ 2021. 9. 15.
순서도 (FLOW CHART) 컴퓨터로 처리해야 할 작업 과정을 약속된 기호를 사용하여 순서대로 일관성 있게 그림으로 나타내는 것 역할 프로그램 작성의 직접적인 자료가 됨. 업무의 내용과 프로그램을 쉽게 이해, 전달 용이 프로그램의 정확성 여부를 판단하는 자료 유지보수 효과 프로그램 언어에 관계없이 공통으로 사용 순서도의 종류 시스템 순서도 (System flowchart) 개략 순서도 (general flowchart) 프로그램 순서도 (program flowchart) 상세 순서도 (detail flowchart) 순서도 기호 * 이 외 기호 ≫ 연결자 : 흐름이 다른 곳과 연결되는 입출구를 나타냄 ≫ 준비 : 기억장소, 초기값 등 작업의 준비 과정을 나타냄 ≫ 반복 무료 플로우 차트 작성 사이트 d..
executeQuery 와 executeUpdate
개발/DB&SQL
/ 2021. 8. 24.
Statement Statement 객체는 SQL문을 데이터베이스로 전송하는데 사용 세 종류의 Statement 객체 SQL문을 실행하기 위한 컨테이너들로써 동작 Statement PreparedStatement (Statement로부터 상속) CallableStatement (PreparedStatement로부터 상속) Statement 객체 수행 ⓐ execute 수행결과로 Boolean 타입의 값을 반환 모든 구문을 수행 리턴값이 ResultSet이라고 하여 결과값을 담을 수 없음. 만약 리턴값이 ResultSet 일 경우에는 true, 이외의 경우에는 false 출력 * 반환 타입으로 boolean 타입을 사용하지 않는 경우 다음과 같은 메세지가 출력 error: incompatible types..
[JSP/서블릿] 파일 업로드/ 다운로드 라이브러리
개발/Programming
/ 2021. 8. 1.
▣ 파일 업로드 게시글의 첨부파일, 프로필, 쇼핑몰 상품 이미지 등록 등 웹 환경에서 파일 업로드는 많은 곳에서 사용 Servlet 3.0 이전에는 전송된 File을 쉽게 처리할 수 있도록 지원해주는 API가 없음. 따라서 Servlet/Jsp 환경에서 파일업로드를 구현할 때는 파일 업로드와 관련된 라이브러리를 사용 * 라이브러리를 사전 설치 필요 ① http://jakarta.apache.org/ 접속 후 FileUpload 와 commons-io 라이브러리 설치 ② 각 jar를 lib에 추가 ⭐ 반드시 form 태그에 enctype="multipart/form-data" 설정 - 이 방식은 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용 HTML에서는 기본적으로 파일을 첨부할 수 있는 API를 ..