바로 들어가보자 Example 이 요소 들을 가운데로 밀고 싶다. 그럴 땐 저 해당된 컨텐츠에 스타일 묶어서 align: items: center; 해주면 된다. 그러면 다음과 같이 모든 요소들이 땡겨 진것을 확인 할 수 있다. To be continue..

간혹 개발을 하다보면 끝 부분에 약간의 여백이 남아있는 것을 확인 할 수 있다. Example 이것을 좀 확대 해보면 저 빨간 줄에 약간의 공백이 있는 것을 확인해 볼 수 있다. 속성은 보통 한줄 끝까지 먹히는 것 으로 알고 있는데, 참,, 무슨 오류인가 싶었다. 개발자모드로 확인해보니.... body에 margin 이 잡혀있었다.. 그래서 margin: 0; 을 해주니까 해결이 되었다.. To be continue..

생각보다 간략하게 사용 할 수 있다. method 시작하기 버튼을 눌럿을 때 넘어가도록 해보겠습니다. 현재 메인 페이지가 localhsot:9090/o2.platform/ 라고 한다면 = localhost:9090/o2.platform/ 인 상태 인것이다. /tutorial = localhsot:9090/o2.platform/tutorial/ 다음과 같이 /tutorial을 포함시키면 이런식으로 사용 되는것을 알 수 있다. 이런식으로 페이지가 이동하게 된다. To be continue..

바로 들어가보자. getContextPath() 프로젝트 Path만 가져온다. request.getContextPath() 예) http://localhost:9090/project/list.jsp [return]/project getRequstURI() 프로젝트 + 파일경로까지 가져온다. request.getRequestURI() 예) http://localhost:9090/project/list.jsp [return] /project/list.jsp String url = request.getRequestURI.split("/"); String Name = url[url.length -1]; // list.jsp getRequestURL() 전체 경로를 가져온다. request.getRequestUR..

CSS를 스타일 잡아줄 때 하나하나 세세하게 주는 방법에 대해서 포스팅 하고자한다. 스타일을 하나하나 주어야 하는 이유는 바로 "가독성" 때문이다. Example 다음 과 같은 CSS가 어떻게 쓰여 있는지 알겠는가? #TIp .main_version 이라면 html에 #main_version 이라면 html에 다음 과 같이 사용 해야 스타일이 적용이 된다. 그럼 이제 depth 의 개념에 대해서 들어가보자. 더 구체적으로 .main_version .title { 속성 } 이런식으로 사용 하였을 때, class="main_verison" 안에있는 요소들 중에 class="title" 이라는 녀석에게 스타일을 적용시키겠다. 이런 의미이다. 한번 더 부분의 폰트 색깔을 green 으로 바꾸어 볼까?? 다음과 ..

까먹을까봐 또 미리미리 포스팅하려고 하는 언덕위의 제임스 입니다...... body { font-family : KoPubDotum Bold; // 어떤 폰트를 사용할 것 인가? background-color: #2a2a2a; // 배경 색깔은 어떤거로 사용 할 것인가? } .backimg{ // 배경 이미지 height: 800px; // 배경 이미지의 높이는? background: url(../../img/main2.png); // 배경 이미지 가져오기 background-size: cover; // 배경 이미지 확대/ 축소 기능 position: relative; // z-index의 기준을 잡는 기준점 / z-index 사용시 필수요소임 z-index: 1; // 요소의 몇번째 층으로 사용할 것인..