본문 바로가기

전체 글187

IntelliJ Maven Project를 이용한 Spring MVC 프로젝트 생성 방법01 먼저 인텔리제이를 실행시켜 프로젝트 생성을 클릭하고 maven 을 선택, 그리고 Create from archetype을 체크 표시하고 maven-archetype-webapp을 선택하여 Next를 클릭한다. GroupId와 ArtifactId를 설정 해주고 Next Project location을 설정해주고 Fish버튼클릭 클릭하고 프로젝트를 생성하면 우측하단에 maven 자동 임포트를 클릭하면 이렇게 프로젝트가 생성이 된다. 생성된 프로젝트의 main폴더 아래에 java폴더와 resources폴더를 만들어 주고 만약에 저렇게 저런모양이 아닌 일반 폴더 모양이라면 java폴더를 마우스 오른쪽클릭 -> Mark directory as -> Sources Root를 클릭해주시고resources폴더를 마우스.. 2019. 2. 19.
Browser Event, Event object, Event handler Event브라우저에는 많은 이벤트가 발생한다.브라우저 화면의 크기를 마우스로 조절할 때도, 스크롤을 할 때도, 마우스로 이동하거나 무언가를 선택할 때도 이벤트가 발생한다.이벤트를 브라우저가 발생시켜주기때문에 우리는 그때 어떤 일을 하라고 할 일을 등록할 수가 있다.즉, HTML엘리먼트별로 어떤 이벤트(주로 키보드나 마우스 관련)가 발생했을 때 특정 행위를(어떤 일) 하고 싶다면, 대상엘리먼트를 찾고 어떤 일을 등록하면 된다.그것을 자바스크립트로 구현할 수 있다. 이벤트 등록 이벤트 등록 표준방법이다.addEventListener 함수를 사용할 수 있다.1234var el = document.querySelector(".outside");el.addEventListener("click", function(.. 2019. 2. 7.
DOM과 querySelector 1. DOM브라우저에서는 HTML코드를 DOM(Document Object Model)이라는 객체형태의 모델로 저장한다.그렇게 저장된 정보를 DOM Tree라고 한다.결국 HTML element는 Tree 형태로 저장된다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘들다.그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있다.브라우저는 DOM Tree를 찾고 조작하는 걸 쉽게 도와주는 여러가지 메소드를(DOM API)를 제공한다. 2. getElementById()ID 정보를 통해서 찾을 수 있다.3. querySelector()노드의 하위 트리에서 첫 번째로 일치하는.. 2019. 2. 7.
text-align text-align: justifyjustify값은 왼쪽으로만 정렬해주는 것을 왼쪽, 오른쪽 공평하게 정렬을 해주는 속성값이다.예제 링크: https://jsbin.com/vofufaqaki/edit?html,css,output 2019. 2. 1.

티스토리툴바