본문 바로가기

분류 전체보기116

브라우저 객체 모델(BOM: Browser Object Model) 브라우저 객체 모델(BOM: Browser Object Model)이란 웹 브라우저와 관련된 객체의 집합을 말한다. 대표적인 BOM으로는 window, location, navigator, history, screen, document 가 있다. 1-1. window 객체 1-1-1. window.open(URI, name, features, replace) open() 메서드는 네 개의 매개 변수를 가진다. 매개 변수는 입력해도 되고 입력하지 않아도 되는데 이러한 매개 변수를 옵션이라고 한다. 첫 번째 매개 변수: 열고자 하는 HTML 페이지 URL 두 번째 매개 변수: 윈도우 간 통신을 하는데 사용하는 윈도우 이름 세 번째 매개변수는 윈도우를 어떠한 모양으로 출력할지 지정하는 옵션으로, 사용할 수 있.. 2022. 12. 5.
자바스크립트 기초 2 1. 함수란? 코드의 집합을 말한다. ex) alert(), prompt() ... //함수의 형태 var 함수 = function() { }; 위와 같은 형태는 함수지만 이름을 가지고 있지 않은데 이러한 함수를 익명 함수라고 한다. 이름이 없으므로 변수에 넣어 사용해야 한다. 1-1. 함수의 호출 var 함수 = function() { alert("vellalog!"); }; 함수(); //함수 호출하기(실행하기) 1-2. 일반적인 함수의 형식 function 함수() { } 함수는 일반적으로 위와 같은 형식으로 작성한다. 위와 같은 함수를 '선언적 함수'라고 표현하며 익명함수와 같은 기능을 한다. 2. 선언적 함수 다음과 같이 이름이 같은 두 개의 함수가 있을 때 호출 결과는 뒤쪽의 함수 결과를 출력.. 2022. 11. 29.
자바스크립트 기초 1. 자바스크립트의 작동 HTML 페이지의 각 태그는 웹 브라우저에 의해 순차적으로 실행된다. 웹 브라우저는 head 태그를 먼저 읽은 후 body 태그를 읽는다. script 태그를 head 태그에 넣으면 body 태그를 읽기 전 실행 되고 body 태그에 넣으면 head 태그를 실행한 이후에 실행된다. * script 태그를 head 태그 안에 넣어야 코드를 살펴보기 편리한 이점이 있다 2. 자바스크립의 식별자 종류 구분 단독으로 사용 다른 식별자와 함께 사용 식별자 뒤에 괄호X 변수 속성 식별자 뒤에 괄호O 함수 메서드 3. 예외적인 문자열 사용법 내부에 작은 따옴표를 쓰고 싶으면 외부에 큰 따옴표를, 내부에 큰 따옴표를 쓰고 싶으면 외부에 작은 따옴표를 쓰면 된다. 3-1. 이스케이프 문자를 이용.. 2022. 11. 29.
DUAL 테이블 DUAL 테이블? 산술 연산이나 가상 칼럼 등의 값을 한 번만 출력하고 싶을 때 사용하는 유용한 테이블 DUAL 테이블은 DUMMY 라는 한 개의 컬럼으로 구성 되어 있다. 💡. 1일이 몇 초인지 환산 해보기 1) DEPT 테이블을 사용 했을 때의 결과 select 24*60*60 from dept; 4개의 ROW로 구성 되어 있음 2) DUAL 테이블을 사용 했을 때의 결과 select 24*60*60 from dual; * DUMMY 칼럼에는 한 개의 문자만을 저장할 수 있는데 X라는 값을 가진 단 하나의 로우만을 저장하고 있다. desc dual; 2022. 11. 10.
AJAX를 이용한 댓글 처리 1. 테이블 설계 rno : 댓글 번호 - (10,0): 숫자 10자리까지, 소숫점 자리 0자리까지 들어갈 수 있다 bno: 게시글 번호 reply : 댓글(내용) tbl_reply 테이블의 bno는 tbl_board의 bno를 참조함 (댓글을 달려면 특정 게시물의 번호가 필요!) 2. 자바빈 클래스 생성 HTML 삽입 미리보기할 수 없는 소스 3. 인터페이스 생성과 XML 처리 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 tbl_reply가 tbl_board 테이블의 bno 값과 정확히 일치해야 하므로 bno 몇 개를 확인해두는 작업 4. 테스트 클래스 작성 1) ReplyMapper 객체를 정상적으로 사용 가능한지 확인하는 테스트 HTML 삽입 미리보기할 수 없는 소.. 2022. 11. 7.
스프링 5 @Controller 구현과 테스트 스프링 MVC의 Controller는 하나의 클래스 내에서 여러 메소드를 작성하고 @RequestMapping 등을 이용해서 URL을 분기하는 구조로 작성할 수 있기 때문에 하나의 클래스에서 필요한 만큼 메소드의 분기를 이용하는 구조로 작성한다. 업무 URL 메소드 파라미터 폼 URL 이동 전체 목록 /board/list GET 등록 처리 /board/register POST 모든 항목 입력화면 필요 이동 조회 /board/get GET bno = ? 삭제 처리 /board/remove POST bno 입력화면 필요 이동 수정 처리 /board/modify POST 모든 항목 입력화면 필요 이동 폼: 해당 URL을 호출하기 위해 별도의 입력화면이 필요하다는 뜻 🎇. 서비스 클래스 https://tavi... 2022. 11. 1.