목록분류 전체보기 (142)
코딩 노트
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ccT26m/btsx2OUDADY/AzDo82Yu3WVyh8P8po3Nl0/img.png)
지금까지는... 코드들의 장점: 클라이언트에서 절대로 서버 코드를 볼 수 없다. (EL, JSTL 등) 코드들의 단점: 자바스크립트의 비중이 절대로 높아질 수 없는 구조이다. (자바 위주) 앞으로는... - 적어도 서버(백엔드)는 지금보다 하는 일이 줄어야 한다. - 화면에 대한 작업을 서버(백엔드)에서 하지 않는 방향으로 변화한다. - 화면은 프론트엔드에서 전부 다 만든다. (EL, JSTL, JSP 사용X) (React, Vue, Svelte, NextJS, ... 사용O) - 백엔드는 프론트엔드에서 호출할 수 있도록 여러 기능들을 준비(문서화) ORM Framework 데이터를 DB가 아닌 프로그래밍 관점에서 다룰 수 있도록 도와주는 도구 (myBatis, JPA) mybatis 시작 Spring1..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/busjXX/btsx0JeDgl5/KF2RtXNlAX4SrwQArP8q81/img.png)
1. git 설치 exe 파일 누른 후 모든 질문 next, install cmd에서 제대로 설치가 되었는지 버전을 확인한다. 2. maven 설치 바이너리를 받아야 하는데 위에 거는 리눅스, 맥에서 쓰는 것 두 번째 거가 윈도우 용이다. 환경변수 설정방법 1. Advanced system setting 를 들어가서 Environment Variables를 누른다. 2. 회색으로 선택된 부분을 누르고 New 를 누른 다음 variable name과 value를 적는다. (maven이 설치된 위치는 Browse Directory를 눌러서 확인 가능하다. 3. 그 다음 밑으로 좀 내려서 마찬가지로 회색으로 선택된 부분을 누르고 edit을 누른 다음 New를 누른다. 그리고 아래처럼 작성한다. OK를 하고 c..
프로젝트 코드 변경 배포를 위해서는 개발 완료한 프로젝트에 다음과 같은 추가 작업을 수행해야 합니다. 1. 모든 출력용 로그 제거 - `System.out.println()` 또는 불필요한 logging 제거 - 출력용 로그는 운영 서버에 부담을 주므로 제거해야 합니다 - logging library를 사용하는 경우(Log4J, Logback 등) 로깅 수준을 `WARN`으로 변경하세요 2. 데이터베이스 계정 정보를 운영서버에 맞게 변경 - 계정정보를 본인 조에 맞게 변경(강사 공지) - 접속 URL을 다음과 같이 변경 - `jdbc:oracle:thin:@www.sysout.co.kr:1521:xe` 3. 파일 업로드 및 다운로드 기준 경로 수정 - 기준 경로 - `D:/upload/조별폴더` - 조별..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Ibyqu/btsybR9Xex6/HNfrKZe1qjjQL9DQSmrIQ1/img.png)
경로를 변경해야 하는 이유 1. JSP 페이지의 절대경로 맨 앞에 다음 코드를 추가(컨텍스트 경로 자동계산) '${pageContext.request.contextPath}' 2. 인터셉터에서 사용한 Redirect에도 컨텍스트 경로 계산식을 추가 경로 앞에 'request.getContextPath()'를 추가 3. 컨트롤러는 안 해도 된다.(스프링이 자동으로 해줌) 4. System.out.println을 debug log로 변경 5. AJAX 코드도 절대경로를 추가(단, JS파일에서는 절대 경로를 쓸 수 없다.) 페이지 상단에 contextPath 변수 생성 window.contextPath = "${pageContext.request.contextPath}"; ajax 가 있는 부분에 contex..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/LHOsn/btsxz01JGAS/KtLZHYs7nxssvYY4wa6a51/img.png)
애플리케이션 배포란? - 프로젝트가 완성된 후 실제 운영 환경에서 프로젝트를 실행하는 것을 말한다. - 운영 환경은 여러 가지가 있으며, 예측하기 어렵다. (회사마다 다름) - on-premise 환경 (장비를 내가 가지고 있음) - cloud 환경 (공간을 임대해서 사용) - hybrid 환경 AWS(Amazon Web Service) 서버 사용 Oracle 11g XE - https://www.oracle.com/database/technologies/xe-prior-release-downloads.html Amazon Correto 17 - https://docs.aws.amazon.com/corretto/latest/corretto-17-ug/downloads-list.html Apache Tom..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cZdi8a/btsuekPWpTG/lZlPIgxEkKLFBeK6Xnlhc1/img.png)
5.map-address.html DOCTYPE html> 주소로 지도 찾기 #map { width:100%; height: 300px; } /* info window */ .outer { font-size: 20px; padding: 0.5em; } .outer > .inner { width: 100%; text-align: center; } $(function(){ //마커와 인포윈도우를 기억해 두기 위한 배열 var memory = { markerList: [], infowindowList: [] }; //var container = document.getElementById('map'); //var container = document.querySelector("#map"); var contain..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/FNjSp/btsudOvUxRf/yeiIqdntRzzmNYlkMvbVD1/img.png)
55.map.html DOCTYPE html> Kakao 지도 시작하기 var container = document.getElementById('map'); var options = { center: new kakao.maps.LatLng(33.450701, 126.570667), level: 3 }; var map = new kakao.maps.Map(container, options); 56.map.html DOCTYPE html> Javascript 실습 #map { width:100%; height: 300px; } var container = document.getElementById('map'); var options = { center: new kakao.maps.LatLng(33.45070..
spring12 프로젝트에 application.properties 파일 custom.하고싶은주제.항목=원하는위치 #custom properties custom.fileupload.home=C:/upload spring12.configuration 패키지 생성 후 FileUploadProperties 생성 //application.properties에 등록한 커스텀 속성 중 //custom.fileupload로 시작하는 설정을 불러오는 파일 @Data @Component @ConfigurationProperties(prefix = "custom.fileupload") public class FileUploadProperties { private String home; } FileRestController..