전체 글 (38) 썸네일형 리스트형 [Spring] 스프링의 주요 특징 - POJO, 의존성주입, AOP POJO(Plain Old Java Object) 기반의 구성 스프링 내부에는 객체 간의 관계를 구성할 수 있는 특징이 있는데 다른 프레임워크들과 달리 이 관계를 구성할 때 별도의 API 등을 사용하지 않는 POJO 구성만으로 가능하도록 제작되어 있다. 쉽게 말해, 일반적인 Java 코드를 이용해서 객체를 구성하는 방식을 그대로 스프링에서 사용할 수 있다는 얘기. 의존성주입(DI: Dependency Injection) 의존성(Dependency)란, 하나의 객체가 다른 객체가 다른 객체없이 제대로 된 역할을 할 수 없다는 것을 의미. 하나의 객체가 다른 객체의 상태에 따라 영향을 받는다. A 객체가 B객체 없이 동작이 불가능한 상황을 'A가 B에 의존적이다'라고 표현한다. 주입(Injection)이란,.. [Spring Legacy] 개발환경 구축하기 - ③ xml 파일 설정 ※ 웹짱이영환쌤의 강의를 참고로 합니다. Webjjang Spring 01-02 개발환경 Legacy 프로젝트 만들기(웹짱과 함께하는 스프링) URL https://www.youtube.com/watch?v=u_l91DqkkVE&list=PLE5Oosh5zKQfO_md_TwiITjwMhMnzcR2R&index=176 1. pom.xml 설정 우선, Maven이 사용하는 설정파일인 pom.xml 정보를 변경해줘야 한다. (* Maven이란? Maven은 Apache사에서 만든 빌드툴(build tool)이다. pom.xml파일을 통해 정형화된 빌드 시스템으로 프로젝트 관리를 해주고, 프로젝트의 전체적인 라이프 사이클을 관리한다. ☞ 더 알아보기) pom.xml에 포함된 정보는 아래와 같다. ① java, .. [Spring] 스프링 MVC 프로젝트의 기본 구조와 동작 순서 1. 스프링 MVC 프로젝트의 기본 구조 2. 스프링 프레임워크의 전체 동작 순서 Request -> DispatcherServlet (web.xml)-> HandlerMapping (servlet-context.xml) -> Controller [Controller -> Service -> DAO -> DB -> DAO -> Service -> Controller] -> DispatcherServlet -> ViewResolver -> View -> Response ① 클라이언트가 Request 요청을 하면 DispatcherServlet이 요청을 가로챈다. 이때 DispatcherServlet이 모든 요청을 가로채는건 아니고 web.xml에 에 등록된 내용만 가로챈다. ② DispatcherServl.. [Spring Legacy] 개발환경 구축하기 - ② WAS, LOMBOK, MVC 프로젝트 ※ 웹짱이영환쌤의 강의를 참고로 합니다. Webjjang Spring 01-02 개발환경 Legacy 프로젝트 만들기(웹짱과 함께하는 스프링) URL https://www.youtube.com/watch?v=u_l91DqkkVE&list=PLE5Oosh5zKQfO_md_TwiITjwMhMnzcR2R&index=176 1. WAS: Tomcat 다운로드 웹 어플리케이션 외부 서비스를 위해서는 WAS(Web Application Server)가 필요하다. WAS는 일종의 미들웨어(소프트웨어 엔진)로 웹 클라이언트(보통 웹 브라우저)의 요청 중 웹 애플리케이션이 동작하도록 지원하는 목적을 가진다. DB 조회나 다양한 로직 처리를 요구하는 동적인 컨텐츠를 요청받고 처리하기 위해 만들어졌다. “웹 컨테이너(Web.. [Spring] Eclipse 색상 테마 적용하기 꼭 필요한 설정은 아니지만 에디터의 색상 테마를 적용해보도록 하겠다. Help 메뉴 -> Eclipse Marketplace에서 color theme을 검색해서 플러그인을 설치하는 방법이 있다. 수동으로 설치할수도 있는데 아래와 같이 따라하면 된다. 구글에 ellipse color theme 이라고 검색한 후, 해당 사이트에 들어가서 마음에 드는 테마 클릭. 상세페이지에서 Eclipse Preferences(EPF) 파일을 클릭해 다운받는다. File -> Import...를 선택 General -> Preferences -> Next 버튼 Browse 버튼을 통해 앞서 다운받았던 epf파일을 선택해준다. import all 에 체크된 상태로 Finish Finish버튼을 누르고 프로그램을 restart.. [HTML/CSS] 포트폴리오 페이지 - JS 소스코드 main.js의 소스코드이다. 코드의 가독성을 위해 파일 내 노트(주석) 정리 중.. // 전체 스크립트 엄격 모드 구문 // https://www.w3schools.com/js/js_strict.asp 'use strict'; // Make navbar transparent when it is on the top //querySelector 이용 시, ctrl or cmd 를 이용해서 함수가 정의된 곳으로 이동 가능. const navbar = document.querySelector('#navbar'); const navbarHeight = navbar.getBoundingClientRect().height; // 스크롤이 될 때마다 {} 블럭 안을 실행 document.addEventListener.. [HTML/CSS] 포트폴리오 페이지 - CSS 소스코드 style.css 파일의 소스코드이다. 공부하며 주석으로 기록했던 부분들은 여기에 남겨두고 프로젝트 파일에서는 정리하는 작업 중.. /* Global */ :root { /* Color */ --color-white: #ffffff; --color-light-white: #eeeeee; --color-dark-white: #bdbdbd; --color-pink: #fe918d; --color-dark-pink: #ff6863; --color-dark-grey: #4d4d4d; --color-grey: #616161; --color-light-grey: #7c7979; --color-blue: #73aace; --color-blue-blue: #3091FF; --color-dark-blue: #2a7ba3.. [HTML/CSS] 포트폴리오 페이지 - HTML 소스코드 index.html 파일의 소스코드이다. Testimonials 섹션은 아직 미완성이라 우선 주석처리해뒀다. 캐러셀(Carousel)로 구현하고 싶은데 바닐라 자바스크립트로는 구현해본 적이 없어서 (부트스트랩으로만 해봄) 뒤로 미뤄뒀다. JS 추가 필요 작업 + IntersectionObserver (참고자료) + Carousel (참고자료) ㄴ index.html의 Testimonials 섹션 추가 Home About Skills Work Resume Contact Hyeran Park Hello, I am a junior web-developer. Contact me About me Hi, I'm Hyeran. A full-stack web developer living in Seoul, South .. 이전 1 2 3 4 5 다음
