웹 (19) 썸네일형 리스트형 [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 .. [Spring Legacy] 개발환경 구축하기 - ⓛ Java, STS 플러그인 설치 포트폴리오 작업을 하다보니 좋은 점은, 내 작업물이 외부에 배포하고 공개할 수 있는 수준인가를 고민하게 된다는 점이다. 또한 깃허브 readme에 소개글을 작성하면서 프로젝트에 대한 이해도 역시 더 높아지는 것 같다. 포트폴리오에 올리기 위해 Spring 프레임워크 복습 겸, 예전에 했던 프로젝트 소스코드를 살펴보고 아쉬웠던 점을 개선하는 작업을 해볼거다. 예전 국비연수기관에서 수업과 프로젝트 실습을 모두 스프링 legacy로 진행했기 때문에 예전에 했던 2개의 프로젝트 update 작업은 legacy로 진행하겠다. 이것저것(공공기관 빅데이터 청년인턴십 과정 + 창업팀 공모전) 벌려둔 탓에 시간이 빠듯하긴 하지만, 업데이트 작업이 빨리 끝나고 여유가 있으면 spring boot로도 간단한 토이 프로젝트 .. 이전 1 2 3 다음
