본문 바로가기

카테고리395

[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.
[Servlet / JSP] 게시판 만들기 -1 (글 쓰기R, 글 등록C) CRUD Servlet과 JSP에 대해 어느정도 알게되었다. 이제 본격적인 프로젝트를 하나 해보려고 한다. 먼저, 메인 페이지를 뜻하는 index.jsp를 생성했다. 강요되는 것은 아니나 권장되는 형식이라하니 따르면 좋을 것이다. index.jsp HTML 삽입 미리보기할 수 없는 소스 body를 감싸는 10번째 줄에 위코드는 메인 페이지가 실행되는 즉시 Servlet으로 가서 [ 만약 커맨드로 boardList.do를 받으면 ~~ if(command.equals("/boardList.do")) ] 이라는 부분을 실행하라는 의미이다. BoardController (서블릿) HTML 삽입 미리보기할 수 없는 소스 57번째 줄에 있는 boardList.do가 있는 부문이 실행될 것이다. request.setAttri.. 2023. 2. 18.
[JSP] 한글 깨짐 현상 에러 해결하기 작업을 하다보면 위와 같이 한글이 깨지고, 코드가 엉망이 되는 경우가 생길 수 있다. ex) 웹페이지 ????? 출력, 코드 ????변환. 코드소스에서도 EUC-KR 처럼 노란색으로 칠한 부분을 UTF-8로 바꿔주고, 해당 jsp파일 우클릭을 선택해 Properties를 눌러준 후, encoding을 UTF-8로 바꾸어주면 해결된다. 즉, HTML 삽입 미리보기할 수 없는 소스 jsp 파일 맨 위부분을 이걸로 붙여넣기하고, HTML 삽입 미리보기할 수 없는 소스 html head 부분을 이런식으로 수정해주면 해결될 듯하다. 2023. 2. 18.
[Servlet] Servlet 하나로 여러 JSP 데이터 주고 받기 이전 까지는 각각 하나의 jsp로 servlet을 주고 받는 형식으로 늘 servelt을 새로 만들어주었다. 너무 번잡해지고 MVC 모델 패턴을 하는데 있어 효율적이지 않아 앞으로는 Servlet 하나로만 작업하기 위해 방법을 알아보았다. 먼저 생성하는 방법은 똑같지만, 통상적으로 서블릿 네임은 Controller 라고 한다. Controller.java ( 서블릿) HTML 삽입 미리보기할 수 없는 소스 14줄의 @WebServlet("*.do") 가 매우 중요한 부분이다. JSP에서 form이나 a 태그를 이용해 넘겨준 .do를 이용한 모든 요청을 받겠다는 뜻이다. 36번째 줄의 doProcess 메소드를 새로 생성해주었고, doGet과 doPost에는 doProcess 메소드를 받아왔다. reque.. 2023. 2. 18.
자바(JAVA) - MVC 패턴 (Model, View, Controller) MVC패턴이란? - 프로그램 개발 시 각각의 클래스 및 파일에 역할 분담. 즉, 하나의 애플리케이션, 프로젝트를 구성할 때 그 구성요소를 세가지의 역할로 구분한 패턴이다. 뿐만 아니라 비즈니스 로직의 재사용성이 높아지고, 확장성 또한 높아져 유지보수가 수월한 프로그램을 개발할 수 있는 장점을 가지고 있다. M : (business) model -> 핵심기능 -> class V : view를 담당 -> jsp C : controller -> servlet 동작 순서 사용자의 Action들은 Controller에 들어온다. Controller는 사용자의 Action을 확인하고, Model 을 업데이트 한다. Controller는 Model를 나타내줄 View를 선택한다. View는 Model을 이용하여 화면.. 2023. 2. 17.
[Oracle / SQL] sqldeveloper 경고 - 일부 모듈을 설치하지 못했습니다. Oracle sql을 사용하다보면 위와 같은 표시창이 뜬다. 당황하지 말자. C:\Users\user\AppData 에 들어가 Roaming에서 SQL Developer을 삭제해준다. [아니오] 를 눌러주었다. 이렇게 다시 실행되는 것을 확인해 볼 수 있다. 세팅은 다시해주어야 한다.!!! 기본적인 부분들로만 바꾸어주었다. 반드시 인코딩 UTF-8 로 설정을 해주자. 이렇게 안해주면 출력될 때 한글이 깨진다. 쿼리를 실행했을 때 결과물을 보기 편하게 하기 위해서 행번호 표시를 체크해주었다. 2023. 2. 17.

티스토리툴바