개발자노트

웹문서란? 웹에서 클라이언트( 웹 브라우저 ) 서버에게 요청하면 응답되는 컨텐츠 정적인 웹문서와 동적인 웹문서로 구분된다. 정적인웹문서 클라이언트가 웹문서를 요청하면 웹서버는 이미 만들어져 있는 문서를 클라이언트에 제공한다. 문서내용이 변경되지 않는한 동일한 내용을 전달한다. 동적인웹문서 웹문서를 요청할 때마다 다른 웹문서의 내용을 클라이언트로 전달하며 두 가지 방법을 통해서 처리된다. 1). 클라이언트가 서버에 웹 문서를 요청하면 웹문서에 동적인 요소를 포함하는 방식( 스크립트 방식 ) 2). 클라이언트가 서버에 웹 문서를 요청하면 서버가 다른 애플리케이션을 통해 웹 문서를 재생성하여 클라이언트에 제공하는 방식 동적인 웹문서 작성 기술로는 CGI, ASP, PHP, JSP 등이 있다.

웹이란? 인터넷(Internet)을 기반으로 하는 정보서비스이며 'World Wide Web'의 줄임말이기도 하면서 www 라고도 한다. 웹기술은 1991년 유럽 입자물리학 연구소의 연구원들이 개발한 서비스다. 여러 컴퓨터에 분산되어 있는 정보를 쉽게 찾기 위한 것이 목적이었다. 이때 정보는 하이퍼텍스트라는 문서의 형태로 구성되었다. HTML은 하이퍼텍스트를 작성하는데 사용하는 언어이며, 웹에서 접하는 모든 문서들은 HTML을 기반으로 하고 있다.

스프링빈 등록 방법 1. 컴포넌트 스캔과 자동 의존관계(DI : Dependency Injection) 설정 2. 자바코드 입력을 통한 스프링빈 등록 1. 컴포넌트 스캔과 자동 의존관계 설정 - Controller 작성 @Controller public Class UserController{ private final UserServiceImpl userServiceImpl; @Autowired public UserController(UserServiceimpl userServiceImpl){ this.userServiceImpl = userServiceImpl; } } - Service 작성 @Service public Class UserServiceImpl implements iUserService{ ..

View 환경설정 - resources / static / index.html - resources / static 폴더 하위에 index.html 파일을 올려두면 스프링부트에서 해당 html 파일을 Welcome Page로 인식하도록 기능을 제공한다. * spring.io 참고 정적 컨텐츠, MVC와 템플릿엔진, api 1). 정적 컨텐츠 - 정적컨텐츠는 스프링부트에서 자동으로 기능을 제공한다. - resources / static / hello-static.html 파일 생성 (컨트롤러 x) - 주소창에 localhost:8080/hello-static.html 입력후 엔터 1. 컨트롤러에 작성된 @RequestMapping("hello-static") 을 찾음 -> 찾지 못함 2. rsources ..

자바스크립트의 객체는 크게 내장 객체, 브라우저 객체 모델, 문서객체 모델로 나눌수 있다. 1. 내장 객체 - 자바스크립트 엔진에 내장되어 있어, 필요한 경우 생성해 사용할수 있다. - String, Date, Array, Math 객체 등이 있다. 2. 브라우저 객체 모델 (BOM : Browser Object Model) - 브라우저에 계층적으로 내장되어 있는 객체들을 브라우저 객체 모델 이라고 한다. - window, screen, location, history, navigator 객체 등이 있다. - window는 document와 location 객체의 상위 객체 이다. 3. 문서 객체 모델 (DOM : Document Object Model) - (X)HTML 문서구조를 말한다. 기본구조의 ..

자바스크립트 언어의 특징 1. 자바스크립트는 인터프리터 언어이다. - 코드가 작성된 순서대로 윗줄부터 순차대로 구문 분석을 한다. - 코드에 문제가 생기면 에러가 발생한 행 전까지 구문 분석을 하고, 에러가 발생한 다음 줄 부터는 구문 분석을 하지 않는다. * 인터프리터 언어 : 소스 코드를 컴파일 하지않고, 인터프리터로 소스코드를 한 줄씩 읽어서 바로 실행하는 방식으로 동작하는 언어 2. 자바스크립트는 클라이언트 스크립트 언어이다. - 자바스크립트는 서버에서 실행되는 것이 아니라, 사용자 컴퓨터에서 실행되기 때문에 서버의 부하를 줄일 수 있다. 3. 자바스크립트는 객체기반 언어이다. - 자바스크립트는 개체를 기반으로한 언어이며, 다양한 객체와 이에 해당하는 다양한 기능들이 존재한다. 4. 공개된 언어이..

1. web.xml - web.xml은 설정을 위한 설정 파일 / DD (Deployment Desciptor : 배포설명자) - WAS가 처음 구동될 때 web.xml을 읽어 웹 애플리케이션 설정을 구성 - DispatcherServlet을 등록해주면서 스프링 설정 파일을 지정 - DispatcherServlet은 초기화 과정에서 지정된 설정 파일을 이용해 스프링 컨테이너를 초기화함 * 참고사이트 : https://docs.spring.io/spring/docs/current/spring-framework-reference/web.html#mvc Web on Servlet Stack Spring Web MVC is the original web framework built on the Servlet A..

컴포넌트 간의 통신과 유효 범위 - 앵귤러1이나 백본(Backbone.js)과 같은 초창기 자바스크립트 프레임워크에서는 한 화면을 1개의 뷰(View)로 간주 했다. - 따라서 한 화면의 데이터를 해당 화면 영역 어디에서든지 호출 할 수 있다. - 하지만 뷰(Vue.js)의 경우 컴포넌트로 화면을 구성하므로 같은 웹 페이지라도 데이터를 공유할 수 없다. - 컴포넌트마다 자체적으로 고유한 유효 범위(Scope)를 갖기 때문이다. 이는 뷰 프레임워크 내부적으로 정의된 특징이다. - 따라서 각 컴포넌트의 유효 범위가 독립적이기 때문에 다른 컴포넌트의 값을 직접적으로 참조할 수가 없다. 상, 하위 컴포넌트 관계 - 위에서 언급 한 것 처럼, 컴포넌트는 다른 컴포넌트의 값을 직접적으로 참조할 수 없다. - 따라서..

참고 : http://terasolunaorg.github.io/guideline/1.0.1.RELEASE/en/Overview/SpringMVCOverview.html#id2 2.2. Overview of Spring MVC Architecture — TERASOLUNA Global Framework Development Guideline 1.0.1.RELEASE documentation 2.2. Overview of Spring MVC Architecture Official website of Spring MVC says the following Spring Reference Document. Spring’s web MVC framework is, like many other web MVC frame..

컴포넌트 등록하기 - 컴포넌트를 등록하는 방법은 전역과 지역의 두 가지가 있다. - 지역(Local) 컴포넌트는 특정 인스턴스에서만 유효한 범위를 갖고, 전역(Global) 컴포넌트는 여러 인스턴스에서 공통으로 사용할 수 있다. - 지역은 특정 범위 내에서만 사용할 수 있고, 전역은 뷰로 접근 가능한 모든 범위에서 사용할 수 있다. 전역 컴포넌트 등록 - 전역 컴포넌트는 뷰 라이브러리를 로딩하고 나면 접근 가능한 Vue 변수를 이용하여 등록한다. - 전역 컴포넌트를 모든 인스턴스에 등록하려면 Vue 생성자에서 .component()를 호출하여 수행한다. ex) Vue.component('컴포넌트 이름', { // 컴포넌트 내용 }); - 전역 컴포넌트등록 형식에는 '컴포넌트 이름'과 '컴포넌트 내용'이 ..