HTML
-
JSP 페이지 모듈화하기, include 액션태그를 이용해보자SPRING, JAVASCRIPT 2019. 8. 17. 18:58
오늘은 JSP의 include 액션태그에 대해 작성해보려고 한다. include 액션태그란 무엇일까? 설명에 앞서, 우리나라 최고의 포탈사이트인 naver에서 jsp라는 검색어로 검색을 진행해보았다. 본인은 jsp에 대한 이미지를 검색해보고 싶어(?) 위 화면에서 이미지 버튼을 눌렀다. 이 때 한 가지 사실을 알 수 있는데, 발견하였는가? 위 캡쳐본과 비교해보면 검색한 내용의 컨텐츠가 변경된 것과는 다르게 상단부분의 네이버 마크 및 아이디 상태, 검색창 등이 동일하게 유지됨을 알 수 있다. 그러면 새로운 페이지를 만들 때 다른 페이지와 동일한 부분도 똑같이 코딩할까? 정답은 'No' 이다. 이미 만들어 놓은 부분이 존재하다면 그 부분의 코드만을 끌어와서 사용한다면 간편하게 새로운 페이지를 만들 수 있으며..
-
CSS 실습하기, id와 class의 차이점은 무엇일까?HTML5 ,CSS 2019. 8. 16. 19:46
혼자서 웹 사이트만들기를 제작하면서 CSS에서 굉장히 애를 많이먹었다. 그냥 이쁜 템플릿 구해서 만들껄... 이미 혼자서 모든 것을 만들기로 한 이상 모르는 것을 찾아보면서 하고 있는데, 제대로 이해하지 못하고 사용하던 id와 class의 차이에 대해서 정리해보려고 한다. id 및 class는 해당 틀(div, input 등..)의 css스타일 변경 등을 css파일에서 작성할 때 불러오는 이름이다. 먼저 테스트 페이지를 만들어보았다. div는 박스형태로 공간을 분리할 때 사용하는 키워드로, 기본 default값이 테두리가 투명한 색이므로 구분하기 쉽도록 테두리에 값을 넣어주었다. border : 테두리, 1px굵기로 solid형태의 검은색 선을 생성한다. div 자체 태그를 설정하면 앞으로 본 페이지에서..