본문 바로가기

전체 글388

[Servlet / JSP / SQL] 회원 관리 폼 만들기 (1) - CREATE (DB 테이블 생성) 프로젝트 파일 코드 최종본 webapp 파일에 첫 시작 화면인 index.jsp를 시작으로 회원 가입, 로그인, 로그인 결과, 회원 리스트, 회원 상세정보, 회원 삭제, 회원 업데이트 기능을 만들었다. 데이터 베이스를 이용하여 CRUD 게시판을 만들어보는 과정이다. 나중에 보았을때에도 헷갈리지 않도록 지금 내가 생각하고 있는 내용을 최대한 자세히 적어볼 것이다. 시작전, 먼저 JavaResources 폴더의 src/main/java에서 controller, dto, service, sqlmap 패키지를 만들었고, 각각 알맞는 인터페이스와 클래스 생성, 그리고 xml파일을 가지고왔다. 처음 시작은 webapp 폴더에서 index.jsp 파일을 만들었다. index.jsp HTML 삽입 미리보기할 수 없는 .. 2023. 2. 22.
[Oracle / SQL] 더미테이블(DUAL)과 유용한 숫자 함수 예제 2 숫자 관련 함수 반올림 HTML 삽입 미리보기할 수 없는 소스 ( ) 괄호 두번째 , 숫자는 소수점 몇번째 까지 나타내라~ 라는 의미이다. 올림, 버림 HTML 삽입 미리보기할 수 없는 소스 CEIL 은 올림, FLOOR은 내림 함수이다. 나머지구하기 HTML 삽입 미리보기할 수 없는 소스 형 변환 함수 ****(중요) 숫자 문자 날짜 HTML 삽입 미리보기할 수 없는 소스 조건에서 날짜를 비교할 때는 숫자는 안되고 문자는 가능하다. 쉬운 예로, 위와 같이 날짜 타입으로 형 변환 후 비교하는게 가장 좋은 방법이다. 숫자를 문자로, 문자를 숫자로 변환 HTML 삽입 미리보기할 수 없는 소스 왼쪽 정렬은 문자, 오른쪽 정렬은 숫자 문자를 날짜로, 날짜를 문자로 변환 1. 날짜를 문자로 변환 HTML 삽입 미.. 2023. 2. 21.
[Oracle / SQL] 더미테이블(DUAL)과 유용한 문자 함수 예제 더미테이블이란 ? - 쿼리문 연습을 위해 오라클에서 제공하는 테이블이다. 예제) HTML 삽입 미리보기할 수 없는 소스 DUAL에는 데이터가 하나도 없다. 즉, 가상의 공간이라고 생각하자. DUAL은 출력되는 데이터를 확인해보기 위한 수단으로써, 특정 테이블을 생성할 필요없이 DUAL 테이블을 이용해 함수 값을 리턴 받는다. 함수 대소문자 변환 UPPER(컬럼명) : 대문자로 변환 LOWER(컬럼명) : 소문자로 변환 INITCAP(컬럼명) : 단어의 첫글자만 대문자로 변환 HTML 삽입 미리보기할 수 없는 소스 문자의 길이 조회 HTML 삽입 미리보기할 수 없는 소스 LENGTH - 문자 길이 조회 LENGTHB - 바이트 수 조회 문자의 일부 추출 HTML 삽입 미리보기할 수 없는 소스 문자열 연결 .. 2023. 2. 21.
[Oracle / SQL] 쿼리문 합치기 UNION, UNION ALL 집합연산자 SELECT 쿼리를 여러개 동시 실행하려면 어떻게 해야할까? UNION을 쓰면된다. UNION : 여러 SELECT 쿼리 결과를 모두 보여준다. UNION HTML 삽입 미리보기할 수 없는 소스 UNION을 사용하면 두개의 쿼리를 연결시켜준다. 이때 앞에 있던 문장 ; (세미콜론) 은 지워준다. UNION : 쿼리 결과 중복 데이터는 한번만 조회 중복된 데이터도 모두 조회하려면 UNION ALL 사용한다. 조건이 같으면 결과는 한번만 출력한다. HTML 삽입 미리보기할 수 없는 소스 UNION ALL HTML 삽입 미리보기할 수 없는 소스 UNION ALL을 사용하면 중복되더라도 모든 데이터를 출력해줄 수 있다. 컬럼 개수 불일치 HTML 삽입 미리보기할 수 없는 소스 컬럼명 다르지만 자료형 .. 2023. 2. 21.
[JavaScript] 상품 리스트 만들어보기 Bootstrap을 이용해 상품을 만들어 버튼을 눌리면 하나 하나씩 볼 수 있도록 만들어보았다. HTML HTML 삽입 미리보기할 수 없는 소스 CSS HTML 삽입 미리보기할 수 없는 소스 JS HTML 삽입 미리보기할 수 없는 소스 먼저 tab-button을 다 찾아준다. 이 상태에선 아무거나 눌러도 코드가 실행된다. 그래서 바로 뒤에 .eq(0) 을 추가해준다. 이것은 querySelectorALL('.tab-button')[0] 이거랑 비슷하다. 이 코드를 반복문을 돌려서 풀려고 했으나, 제대로 작동하지 않아서 그냥 어떻게 쓰는지만 알아두었다. 아직까지 js를 쓰는게 많이 불편하다... See the Pen Untitled by ParkJooHong (@ParkJooHong) on CodePen. 2023. 2. 20.
[JavaScript] jQuery 이용해서 이미지 슬라이드 만들기 (캐러셀) HTML HTML 삽입 미리보기할 수 없는 소스 CSS HTML 삽입 미리보기할 수 없는 소스 JS HTML 삽입 미리보기할 수 없는 소스 jQuery를 이용해서 if 대신 while을 넣어보았다. 그러자 갑자기 무한로딩에 걸려 어쩔수 없이 while을 쓰지 못해 코드가 굉장히 길어졌는데, 해결 방법에 대해 더 연구해보아야겠다. See the Pen Untitled by park (@johong) on CodePen. 2023. 2. 19.
[JavaScript] 타이머 예제 setInterval, clearInterval, timeOut Timeout 함수 setTimeout 은 ~초후 코드를 실행하는 것이다. 즉, 일정 시간이 지난 후 함수가 한번 실행 된다. clearTimeout은 setTimeout 함수를 취소한다. Interval 함수 setInterval 은 매 일정시간마다 함수가 계속 실행 된다. clearInterval 은 setInterval 함수에 의해 실행된 반복 작업을 종료한다. 코드의 예는 이렇다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 5초가 지나면 알람박스를 사라지는 기능을 만들어보았다. HTML HTML 삽입 미리보기할 수 없는 소스 CSS HTML 삽입 미리보기할 수 없는 소스 JS HTML 삽입 미리보기할 수 없는 소스 See the Pen Untitled by pa.. 2023. 2. 19.
[JavaScript] if문으로 HTML 배경 Dark, White모드 만들기 이번에는 자바스크립트를 이용해서 모드 변경을 해보았다. HTML HTML 삽입 미리보기할 수 없는 소스 CSS HTML 삽입 미리보기할 수 없는 소스 2023. 2. 19.
[JavaScript] classList와 jQuery 사용 방법 Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com 먼저 bootstrap에서 버튼이나 nav바 등 많은 기능들을 끌어와 사용할 수 있으니 적극적으로 활용하자. 이곳에서 끌어와 사용한 코드가 있을때에는 반드시 아래에 있는 코드들을 해당 head와 body에 적절히 넣어준다. 잘 모르겠다면 그냥 Starter template 을 복붙하자. jQuery 사용시에는 아래 사이트에 들어가 js 코드를 하나 복사한다. https://releases.jquery.com/ jQuery CDN The.. 2023. 2. 19.
자바(JAVA) - 예외 처리(Exception) try ~ catch에 대해 알아보자 try catch 구문을 살펴보자. HTML 삽입 미리보기할 수 없는 소스 위 코드를 Scanner로 입력받아 실행시키면, 이처럼 잘 작동하는 것을 볼 수 있지만, b에 0을 넣어보면 어떻게 될까? 이처럼 에러가 난다. 사실 이건 에러가 뜬게 아니라 첫줄 코드를 자세히 살펴보면 Exception 이라는 예외처리라는 의미이다. 분자를 분모 0으로 나눌 수 없기 때문이다. 첫번째 줄 오른쪽을 보면 / by zero를 볼 수 있다. 왜 예외가 발생했는지 대략적으로 볼 수 있다. java.lang.ArithmeticException이 중간에 떠있다. int로 받았는데 문자열을 넣는다면, ArithmeticException 자리에 InputMismatchException 이온다. 그렇다면 이처럼 예외처리 코드가 .. 2023. 2. 18.
[Servlet / JSP] 게시판 만들기 등록, 쓰기, 수정, 삭제 CRUD (최종) BoardController HTML 삽입 미리보기할 수 없는 소스 BoardDTO HTML 삽입 미리보기할 수 없는 소스 board_write_form HTML 삽입 미리보기할 수 없는 소스 boardDetail HTML 삽입 미리보기할 수 없는 소스 boardList HTML 삽입 미리보기할 수 없는 소스 index HTML 삽입 미리보기할 수 없는 소스 update_board_form HTML 삽입 미리보기할 수 없는 소스 결과화면 2023. 2. 18.
[Servlet / JSP] 게시판 만들기 -2 (글 수정U, 글 삭제D) CRUD 앞에선 글 등록(C) 글 쓰기(R)를 만들어보았다. 이번을 끝으로 CRUD 모두 거쳐 게시판을 만들고자한다. 먼저, 상세보기 페이지를 하나 만들어야한다. boardDetail.jsp HTML 삽입 미리보기할 수 없는 소스 글 상세보기를 하기 위해서 나는 글 제목인 title을 눌리면 갈 수 있게 a태그를 주어 생성했다. 삭제하기와 수정하기 버튼을 만들었다. boardList.jsp (앞에 있던 jsp에서 수정함) HTML 삽입 미리보기할 수 없는 소스 먼저, 썻던 제목 타이틀을 누르면 상세보기 화면으로 가는 것을 알아보자. boardList.jsp에서 42번째 줄인 a태그를 이용해 서블릿 boardDetail.do 로 이동한다. BoardController (서블릿) HTML 삽입 미리보기할 수 없는 소.. 2023. 2. 18.

티스토리툴바