능글맞은 구렁이

Spring 설정이 반이다!! 화이팅!!! 1.▼▼ Spring 개발을 위한 준비 (설정1)에서 만든 프로젝트를 이어서 작업을 진행해보자 2021.06.12 - [Spring] - Spring-개발을 위한 준비 (설정1) Spring-개발을 위한 준비 (설정1) 1. 개발환경설정 -JDK 1.8버전 권장▼▼ https://www.oracle.com/java/technologies/downloads/#java8 -Help > Eclipse Marketplace > sts (검색) > install 2. 프로젝트 생성 2-1. NEW > OTHER 2-2. Spring lega.. jangbora92.tistory.com 2. src > main > webapp > WEB-INF 에서 파일 삭제 3. pom..

1. 개발환경설정 -JDK 1.8버전 권장▼▼ https://www.oracle.com/java/technologies/downloads/#java8 -Help > Eclipse Marketplace > sts (검색) > install 2. 프로젝트 생성 2-1. NEW > OTHER 2-2. Spring legacy Project 선택 2-3. Project name 입력 > Spring MVC Project선택 >NEXT 2-4. Project Package명입력 > Finish 3. 설정변경 3-1. 생성된 프로젝트에 pom.xml클릭 3-2. java-version이 1.6으로 되어있다. 이 부분을 1.8로 수정 밑으로 내리다보면 1.6을 또 발견! 역시 1.8로 변경해준다. 3-3. 프로젝트 ..

*Spring MVC흐름* *내장클래스 (이름 변경 불가!)* DispatcherServlet : ~~.servlet // 웹브라우저에서 어떤 요청사항이 들어오게 되면 모든 것은 DispatcherServlet이 요청을 받는다. DispatcherServlet 요청 사항을 처리할 수 있는 컨트롤러를 반환받는데 그부분을 HandlerMapping 리턴시켜준다. HandlerMapping : ActionFactory Controller : ~~~.action들 View : ~~.jsp들 ViewResolver : url 변수 *실행순서* project를 실행할때 제일 먼저 구동되는 파일은 web.xml문서가 먼저 로딩된다. 1. application → web.xml → 구동시작 (application은 계..

BOM : Browser Object Model 브라우저 객체 모델은 브라우저를 객체로 표현한 것이다. window 객체가 최상위 객체 자식 객체 HTML 문서를 나타내는 document 객체 사용자가 방문한 URL을 저장하고 관리하는 history객체 현재 URL에 대한 정보를 가지고 있는 location 객체 브라우저에 대한 정보를 관리하는 navigator 객체등 자바스크립트에서 이러한 객체의 속성과 메서드를 이용하면 웹브라우저를 제어할 수 있다. 형식 window.document.write( ) 그동안 document.write()로 사용을 했는데 그이유는 window가 디폴트 객체이다 보니 생략을 한 것이다 1. window 객체 : alert(), confirm(), prompt() 등등 (원..

DOM:Document Object Model 문서 객체 모델이란 브라우저가 HTML문서에 접근할 수 있도록 정의해 놓은 표준 모델이다. 즉, HTML 문서의 태그를 자바스크립트에서 사용할 수 있도록 객체로 만든 것을 문서 객체라고 하며 HTML 문서를 분석하고 표시하는 방식을 문서 객체 모델이라고 한다. DOM 요소의 접근 방법 1. id를 이용한 방법 : getElementById("아이디명") See the Pen js-dom(id) by jangbora (@jangboraa) on CodePen. 2. 태그명을 이용한 방법 : getElementsByTagName("태그명") See the Pen js-dom(Tag) by jangbora (@jangboraa) on CodePen. 3. 클래스명..

Math 수학 계산과 관련된 개게로서, String 객체처럼 정적 개체이므로 new 연산자 없이 Math.속성 또는 Math.메서드() 와 같은 형태로 바로 사용할 수 있다. 속 성 설 명 E 자연로그 밑에 사용되는 오일러 상수(약 2.718) LN10 10의 자연로그(약 2.032) LN2 2의 자연로그(약 0.693) PI 원주율 SQRT1_2 1/2의 제곱근 SQRT2 2의 제곱근 메서드 설명 floor(n) n의 소수부분을 버린값 log(n) n의 자연로그값 max(n,m) 둘 중 큰 수 min(n,m) 둘 중 작은 수 random() 0에서 1 미만 사이의 난수 round(n) n을 반올림한 값

1. Spring Framework이란? 최대의 장점은 개발에 필요한 구조를 이미 코드로 만들어 놓았기 떄문에, 실력이 부족한 개발자라 하더라도 반쯤 완성한 상태에서 필요한 부분을 조립하는 형태의 개발이 가능하다!! 2. 스프링의 주요 특징 1) POJO(Plain Old Java Object)기반의 구성 스프링의 성격 자체가 가벼운 프레임워크지만, 그 내부에는 객체 간의 관계를 구성할 수 있는 특징을 가지고 있다. 스프링은 다른 프레임워크들과 달리 관계를 구성할 때 별도의 API등을 사용하지 않은 POJO의 구성만으로 가능하도록 제작되어 있다. 이것이 중요한 이유는 코드를 개발할 때 개발자가 특정한 라이브러리나 컨테이너의 기술에 종속적이지 않는다는 것을 의미한다. 개발자는 가장 일반적인 형태로 코드를 ..

DATE? 사용자 시스템의 날짜와 시간을 관리해 주는 객체이다. 형식 객체변수명 = new Date() 객체변수명 = new Date(년, 월, 일[, 시[, 분[, 초[, 밀리초]]]]); *DATE를 이용하여 현재 시간과 날짜 구하기 See the Pen js-Date by jangbora (@jangboraa) on CodePen. *Date를 이용하여 남은 날짜 구하기 See the Pen js-DATE2 by jangbora (@jangboraa) on CodePen. *Date 를 이용하여 현재 시간구하기 See the Pen js-Date3 by jangbora (@jangboraa) on CodePen. *Date 를 이용한 d-day구하기 See the Pen js-Date4 by jan..

이벤트(event)란? "마우스 버튼을 클릭 또는 올렸을 경우" 또는 "키보드는 누르는 경우"와 같이 어떤 특정한 사건이나 동작을 의미하며 이런 이벤트가 발생할 때마다 적당한 처리가 이루어지기 위해서는 이벤트 핸들러가 필요하다! 이벤트 헨들러는 이벤트 이름 앞에 on을 붙여 표기하며, HTML 태그의 한 속성으로 사용된다. 형식 : *onClick이벤트로 배경색상바꿔보기* See the Pen by jangbora (@jangboraa) on CodePen. *onClick으로 글씨 색상 바꿔보기* See the Pen js-event(change) by jangbora (@jangboraa) on CodePen. *onClick으로 가격 할인 금액 계산하기 See the Pen js-event(oncl..

객체란? 자바스크립트는 가장 기본적인 자료형으로 객체를 사용하는 객체 기반의 언어이다. 객체란 자바스크립트의 작업대상이 되는 것으로,실세계에존재하는 사물을모델링하기 위해 변수와 함수를 그룹화한 것이다. 속성 : 객체의일부로 선언된 변수 메서드 :객체의 일부로 선언되어 개게와 관련된 자겁을 처리하기 위한 함수 객체 생성 객체를 사용하기 위해선 우선 객체를 정의해 주어야 하며, 객체를 만들기 위해서 생성자 함수를 이용한다. 생성자 함수는 일반 함수와 동일한 형식의 하나의 함수로 다음과 같이 표현된다. //생성자 함수 function 객체명 (매개변수1, 매개변수2, 매개변수3){ this.속성1=매개변수1; //매개변수1은 속성1의 속성값 this.속성2=매개변수2; this.속성3=매개변수3; this.메..