001cloudid

문서 객체 모델 DOM(Document Object Model)웹에서 어떤 조건에 맞거나 사용자의 동작이 있을 때 웹 문서 전체 또는 일부분이 동적으로 반응하게 하는 것이렇게 반응하게 하려면 웹 문서의 모든 요소를 따로 제어할 수 있어야 함모든 정보 요소를 자바스크립트로 가져와 프로그래밍할 때 사용자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법 DOM 트리웹 문서의 요소를 부모 요소와 자식 요소로 구분 html(root)head         bodymeta title부모와 자식 구조로 표시하면 나무 형태가 되므로 DOM 트리라고 함DOM 트리에서 가지가 갈라져 나간 항목을 노드라고 하며,DOM 트리의 시작 부분인 html 노드를 나무 ..

Controller서블릿에서 시작 → Spring MVC는 서블릿에서부터 시작 → 기본적으로 서블릿에 대한 이해가 필요함서블릿에서 HttpServletRequest, HttpServletResponse를 사용했지만Spring MVC에서는 사용할 필요가 없음 이유는 HttpServletRequest, HttpServletResponse는 파라미터를 수집하려고 사용하는데 Spring MVC에서는 자동으로 파라미터를 수집하는 기능을 처리해줌 + 리턴 타입※ 이러한 Spring MVC를 이용하면 자바에서 배운 상속이나 인터페이스 등의 문법에 갇혀 있지 않을 수 있게 함 어노테이션@Controller : 해당 클래스의 인스턴스를 스프링의 빈으로 등록하고 컨트롤러로 사용componet-scan과 같이 활용@Requ..

BOM자바스크립트 내에 웹 브라우저와 관련된 여러 객체가 미리 정의되어 있기 때문에 특정한 사이트로 이동, 새 탭 열기 등 브라우저와 관련된 여러 가지 효과를 만들 수 있음웹 브라우저 창에 문서가 표시되는 순간 브라우저는 HTML 소스를 한 줄씩 읽으면서 화면에 내용을 표시하고 관련된 객체를 만들어냄웹 브라우저가 열리면 window 객체가 만들어지고 밑으로 하위 요소에 해당하는 객체들이 나타남window 하위에는 document, navigator, history, location, screen 객체가 존재window : 브라우저 창이 열릴 때마다 하나씩 만들어짐. 브라우저 창 안의 요소 중에서 최상위에 존재document : 웹 문서마다 하나씩 있으며 body 태그를 만나면 만들어짐. HTML 문서의 ..

객체객체(Object) 프로그램에서 인식할 수 있는 모든 대상자바스크립트에서는 웹 과 관련된 대상을 모두 객체로 인식자바스크립트의 객체문서 객체 모델(DOM)웹 문서 자체도 객체이고 그 안에 삽입되어 있는 이미지와 링크, 텍스트 필드 등도 모두 객체. 일반적으로 웹 문서에 삽입하는 document, image, link 객체 등브라우저 관련 객체(BOM)웹 브라우저에서 사용하는 정보를 객체로 나타냄사용하는 브라우저 정보를 담고 있는 navigator 객체를 비롯해 history, location, screen 객체 등내장 객체웹 프로그래밍을 할 때 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의되어 있는데, 이를 내장 객체라고 함 객체의 인스턴스 만들기객체를 참조 형태로 사용해야 함. 객체가 아..

MVC(Model-View-Controller)대부분의 서블릿 기반 프레임워크들이 사용하는 방식데이터와  처리, 화면을 분리하는 방식웹에서는 Model 2 방식으로 표현※ Model 2 : 왜 Controller를 따로 분리했을까?, 유지보수가 좋다는 이유는?Controller : URL 처리, 화면과 로직 분리 ※ 서블릿(모델2)과 스프링 MVC Cotroller서블릿스프링 MVC Controller클래스에서 URL 분기클래스 혹은 메서드에서 가능GET/POST는 메서드 선택과 오버라이드@GetMapping/@PostMapping고정된 파라미터와 리턴 타입파라미터의 자동 수집(상속이 아님)상황에 따른 반환 타입 조정수동으로 직접 forward자동으로 forward 처리의존성 주입 불가스프링을 통해 다른..

MyBatis와 스프링 연동 연동에 앞서 MyBatis란?SQL Mapping 프레임 워크SQL과 Object 간의 관계를 매핑해주는 역할JDBC 코드에 비해 처리하는 부분이 간결해지고, close 처리를 지원※ JPA와는 다름. JPA(RDBMS -> 객체지향에 접목). MyBatis는 SQL, 객체지향 매핑하는 역할Spring에서의 사용스프링은 MyBatis와의 연결을 위한 mybatis-spring 라이브러리를 이용해서 연동 처리 MyBatis 세팅기본적으로 dataSource 설정 필요pom.xml 라이브러리 추가 org.mybatis mybatis 3.5.6위의 라이브러리만 추가해도 개발이 가능하지만, 스프링과 연동하면 더 좋아짐. MyBatis Spring 라이브러리도 추가 ..

재사용할 수 있는 함수입력을 바꿔 여러 번 사용할 수 있는 성질을 함수의 '재사용성'이라고 함 매개변수함수를 실행하는 데 필요한 값을 함수 밖에서 제공하는 것함수 안에서만 사용 return결괏값을 함수 밖에서 사용하려면 함수를 실행한 위치로 돌려줘야함. 이러한 동작을 값을 반환한다(return)고 함함수의 결괏값을 반환할 때 return을 사용해서 넘겨줄 값을 지정해주면 됨  인수(argument)함수 선언이 끝났다면 실행할 함수를 호출해야함. 매개변수가 있는 함수를 호출할 때 실제 값 부분을 인수라고 함  매개변수 기본값 지정ES6부터 함수에서 매개변수를 선언할 때 기본값을 지정하는 기능도 생김  함수표현식익명함수이름이 없는 함수, 익명 함수를 선언할 때는 이름을 붙이지 않음익명..

Oracle 11g Express Edition 설치 및 설정 설치에 앞서 왜 Oracle 11g인가?, 최신 버전의 Oracle은 안되는가? 라는 질문이 있을 수 있는데이 질문에 답은 최신 버전일수록 용량이 크고 메모리를 많이 차지함으로서 프로그램이 무겁다기 때문이다.https://www.oracle.com/database/technologies/xe-prior-release-downloads.html이 곳에서 다운 받을 수 있다. Oracle Database를 설치하면서 가장 주의해야하는 부분은1. 설치 폴더 한국어가 있을 경우 문제가 발생2. System, SYS 계정의 패스워드를 지정하게 되는데, 이 패스워드는 매우매우 중요하기 때문에 반드시 기억해둬야함!3. 설치 중 포트 번호(톰캣이 8080 ..

함수동작해야 할 목적대로 묶은 명령을 함수(function)alert() 함수와 같이 자바스크립트에 미리 만들어 놓은 함수를 '내장 함수'라고 함 함수를 사용하는 기본적인 방법은 함수를 만들 때 이름을 붙이고 필요할 때마다 함수 이름을 사용해 실행함수가 어떤 명령을 처리할지 미리 알려주는 것을 함수를 선언한다, 함수를 정의한다 라고 함함수를 선언하는 것만으로 함수가 실행되지 않음. 함수를 선언한 후 따로 실행하는 코드를 작성해야함함수를 사용하는 것을 함수를 호출한다, 함수를 실행한다 라고 함 함수명([변수])함수 선언과 실행 순서 : 웹 브라우저에서 자바스크립트 소스를 해석할 때 함수 선언 부분을 가장 먼저 해석. 원하는 어느 곳에 함수를 선언해 놓기만 하면 선언한 위치와 상관없이 함스를 실행할 수..

프로젝트에서 패키지명을 대문자로 작성하면 안됨. 그 이유로는자바의 공식 네이밍 규약자바의 패키지명은 반드시 소문자로 작성해야함운영 체제에서의 문제일부 운영 체제에서는 파일 시스템이 대소문자를 구분(리눅스나 맥OS는 대소문자를 구분하지만, 윈도우는 대소문자를 구분하지 않음)패키지명을 대문자로 시작하면 프로젝트가 다양한 운영 체제에서 실행될 때 호환성 문제가 발생할 수 있음. 이로 인해 애플리케이션의 배포 및 실행에 문제가 발생할 가능성이 커짐URL 경로에서 대소문자 구분 문제자바 클래스명과 패키지명 구분호환성 및 표준화lombok 프로젝트를 실행하면 home.jsp가 켜지면서 Console에는 다양한 로그 정보가 찍힘.여기서 HomeController에 현재 객체를 참조하는 키워드인 this를 찍어내면?t..