TIL
-
스프링 컨테이너 의존성 주입 - 생성자, setter메소드 사용JAVA 2020. 11. 8. 17:05
🎯 Spring Framework의 특징과 의존성 주입 방법을 알아본다. 스프링 프레임워크 자바 엔터프라이즈(Java EE) 개발을 편하게 해주는 오픈 소스 경량급 어플리케이션 프레임워크 *엔터프라이즈란? 엔터프라이즈 어플리케이션: 기업용 프로그램을 개발하기 적합한 어플리케이션 이런 기업용 프레임워크는 보통 구조가 복잡한 편인데, 스프링은 간단한 구성으로 개발할 수 있는 경량(light-weight) 프레임워크이다. 왜 스프링을 사용할까? POJO 개발을 쉽게 할 수 있다. IoC(Inversion of Control) 컨테이너: 객체의 관리를 스프링 컨테이너에게 아웃소싱한다. 컨테이너가 코드 대신 객체의 생성과 소멸을 관리할 수 있어서 IoC(제어의 역전)이라고 부른다. configuration.xml..
-
스프링 프레임워크 STS3 설치, 개발환경 설정JAVA 2020. 10. 21. 08:58
🎯 Spring Tool Suite 3버전을 설치하고 환경설정을 해본다. 스프링3 설치하기 https://github.com/spring-projects/toolsuite-distribution/wiki/Spring-Tool-Suite-3 spring-projects/toolsuite-distribution the distribution build for the Spring Tool Suite and the Groovy/Grails Tool Suite - spring-projects/toolsuite-distribution github.com 위 저장소 링크로 들어가서 Spring Tool Suite 3.9.11 on 이클립스 4.12버전 압축파일을 다운받는다. 내 이클립스 ee 버전은 4.17이지만 이..
-
이클립스에서 Git 사용하기Git & GitHub 2020. 10. 14. 19:18
🎯 이클립스와 깃허브를 연동하고 깃으로 버전관리하는 방법을 알아본다. 이클립스에서 Git 툴 사용하기 이클립스에서 버전관리를 위한 Git 툴을 사용할 수 있다. window - show view - other... 클릭 가장 자주 사용하는 repositories와 staging 창을 선택하고 오픈한다. 화면아래에 새로운 창이 생성되었다. Git Staging 뷰에서는 변화 대기 창, 스테이징 창, 커밋메세지 입력창을 볼 수 있다. 프로젝트 버전관리하기 로컬(내가 사용하는 컴퓨터)에 프로젝트의 버전을 기록하기 위한 새로운 폴더를 생성한다. 이 폴더가 로컬의 리포지토리(저장소)가 된다. 이클립스에서 dynamic web project를 하나 생성한다. 프로젝트에서 오른쪽마우스를 클릭하고 Team - Shar..
-
jQuery 제이쿼리 이벤트, Ajax 비동기 처리JavaScript 2020. 9. 25. 23:58
🎯 자바스크립트 라이브러리 jQuery 이벤트 처리와 Ajax 비동기 처리 방법을 알아본다. jQuery 기본 Event .ready(function) HTML문서의 모든 DOM요소들이 완벽하게 사용할 준비가 되면 호출되어 function함수가 실행된다. 파라미터 안에 이벤트 핸들러나 jQuery 코드를 추가한다. 외부 리소스나 이미지와 상관없이 모든 돔 요소들이 준비되면 바로 호출되기 때문에 window.onload보다 빠르다. .on(events[,selector][,data],function) .on() 메서드는 .bind() 메서드와 마찬가지로 이벤트 핸들러를 등록하기 위하여 사용되는 메서드이다. .on() 메서드는 동적으로 생성될 요소에 대해서도 이벤트 처리가 가능하다. new $(functio..
-
클라이언트-서버 구조와 서블릿 ServletJAVA 2020. 9. 18. 23:59
🎯 웹서비스의 작동원리와 MVC 패턴에서 서블릿의 역할과 특징을 알아본다. 클라이언트 - 서버 구조 사용자(Client)가 웹 브라우저에서 url 주소를 입력하면 서버(Server)에 페이지를 요청(Request)하게 된다. 서버는 사용자가 요청한 HTML, JSP, 서블릿 파일을 검색해서 클라이언트의 요청에 응답(Response)한다. 서버에 클라이언트가 요청한 파일이 없을 경우 404 Not Found 에러를 표시한다. URL 구조 URL(Uniform Resource Locator)이란 웹 서버가 인터넷에 존재하는 자원을 검색하고 해석하는데 필요한 네트워크 서비스의 표현식을 의미한다. 주소창에 www.naver.com만 입력해도 뒤에 이런 구조가 만들어진다. 주소창에서 엔터치는 순간 웹 애플리케이션..
-
이클립스 tern 자바스크립트 자동완성 플러그인 설정JAVA 2020. 9. 17. 23:58
🎯 이클립스에서 편하게 자바스크립트 코드를 작성하기 위해 자동완성 플러그인 tern을 설치한다. 1. tern zip 파일 다운받기 먼저 아래 깃허브 링크로 접속해서 Realeses 영역에 있는 tern-java 태그를 클릭한다. https://github.com/angelozerr/tern.java/ tern zip파일을 다운받고 압축을 푼다. 2. 이클립스에서 tern 설치 help-install new software를 클릭한다. tern폴더 경로를 지정한다. 전체선택하고 Next를 클릭한다. 설치가 진행된다. 설치 완료 후 next를 클릭한다. 동의하고 finish를 클릭한다. 완료 후 경고창이 뜨면 install anyway를 클릭하고 이클립스를 다시 시작한다. 3. 프로젝트에 Tern 설정 t..
-
자바스크립트 DOM 객체 제어JavaScript 2020. 9. 9. 07:48
🎯 자바스크립트 DOM 구조, 노드 객체 접근방법을 알아본다. DOM( Document Object Model ) 웹페이지의 HTML문서 구조를 객체로 표현하기 위한 계층구조이며 문서를 나타내는 최상위 객체는 document 객체이다. 자바스크립트를 사용하여 html 태그에 접근할 수 있다. 웹페이지가 로드될 때, 웹브라우저는 페이지의 DOM을 생성하고 트리구조로 관리한다. 각 객체를 노드라고 한다. 엘리먼트 노드, 텍스트 노드, 속성 노드가 있다. 노드 속성과 메소드 자바스크립트를 이용해 페에지의 모든 태그, 속성, CSS스타일을 변경할 수 있고 이벤트 처리가 가능하다. 부모와 자식노드 관계 DOM 객체에 직접 접근하기 getElementById() - id 값으로 접근한다. document.getEl..
-
자바스크립트 Built-In 내장객체JavaScript 2020. 9. 8. 18:31
🎯 자바스크립트 빌트인 객체를 알아본다. 객체의 프로퍼티와 메소드 객체는 프로퍼티와 메소드를 사용해서 표현한다. 프로퍼티는 객체의 상태를 저장하는 변수를 뜻하며 메소드는 객체의 동작을 지정하는 함수를 의미한다. 자바스크립트는 객체 생성시 생성자 함수를 사용하며 런타임시 객체에 멤버를 동적으로 추가할 수 있다. 내장객체란? 내장(built-in)객체는 자바스크립트 시스템에서 정의된 객체로 그냥 불러서 사용할 수 있다. 데이터 관련 객체와 브라우저 관련 객체, HTML 관련 객체(DOM)가 있다. 데이터 관련 객체 String 객체 문자열과 관련된 데이터를 관리하는 객체로 new를 이용해 객체를 생성하거나 var str = new String(“hello”); 리터럴을 이용해 객체생성을 할 수 있다. var..