이클립스 Maven 프로젝트를 가져온 후 디버깅 Run On Server 할 때 절대 uri인 [http://java.sun.com/jsp/jstl/core]을(를), web.xml 또는 이 애플리케이션과 함께 배치된 jar 파일 내에서 찾을 수 없습니다. 오류 발생 해결 방법에 대해 공유해 보도록 하겠습니다. Maven 프로젝트 내보내기 가져오기 이클립스를 사용하다 보면서 매번 느끼는 점은 소스 작성보다 설정에 더 시간이 걸리는 것 같다. 아직 실력이 부족하다 자책하면 더 노력하고 있네요. 이클립스를 노트북에서 진행하고 있던 프로젝트를 데스크탑에서도 동일하게 작업하고 싶은 마음에 git을 이용하려 했지만, 아직 사용법을 몰라 포기하고 원시적인 방법으로 프로젝트를 내보내고, 가져와서 이클립스에 프로젝트를 불러오는 것 까지는 이상없이 진행하였습니다. 이클립스 프로젝트 내보내기 이클립스 프로젝트 탐색기에서 프로젝트 선택 후 우클릭 Export 선택 General -> Archive File 선택 내보낼 프로젝트 전체 선택 To archive file에 저장될 경로 및 파일명 지정 이렇게 하면 프로젝트를 압축파일로 해서 내보낼 수 있습니다.  이때, 프로젝트가 아닌 Eclipse의 설정만 내보내고 싶을 때는 General에서 Preferences를 선택 후 내보내면 JRE 및 Code Style 등 설정 부부만 내보낼 수 있습니다. Export -> General -> Preferences를 선택하면 이클립스 설정을 내보낼 수 있습니다. 이클립스 프로젝트 가져오기 내보내진 프로젝트 압축파일을 데스크탑으로 복사 후 압축 해제하였습니다. 이렇게 하니 프로젝트 폴더가 보이네요.  그냥 윈도 탐색기에서 폴더 복사를 해도 될 것 같지만 해보지는 않았습니다.  이클립스 실행 File -> Import 클릭 Existing Projects into Workspace 선택 후 Next Select root directory 항목에서 Browse 선

방화벽 기능 방화벽 기능 가장 기본적인 의미로 이야기하자면, 보안 관리의 기본으로 네트워크로 들어오고 나가는 데이터를 통제하는데 그 기능이 있습니다.  개인 기기 단위에서는 윈도우에서 제공하는 기본 방화벽부터 네트워크 상단에 붙어 있는 방화벽 장치까지 있으며, 최근에는 방화벽 개념을 포함한 UTM(통합 보안 솔루션) 장비로 관리를 많이 하고 있습니다. Fortigate 방화벽 정책 설정 방법 이번에 네트워크에 특정 PC들에 대해 외부로 나가는 인터넷을 전부 차단하고, 일부 사이트에 대해서만 사용이 가능하도록 조치해야 하는 일이 생겼습니다. 현재 사용중인 방화벽 장비는 Fortigate 100D 장비를 사용중이며, 해당 장비를 기준으로 설명해보겠습니다. 차단 대상 PC 정보 수집 차단 대상이 되는 PC 및 기기들에 대한 IP주소 및 MAC Address 수집이 필요합니다. 방화벽 장비에서 지원하는 DHCP 기능을 이용해 유동IP를 사용중이라면, Fortigate 관리자 페이지내에서 LAN 안에서 사용중인 기기들을 확인할 수 있습니다. FortiGate 장비에는 방화벽 기능외에 DHCP 및 VPN 기능이 더해져 있습니다. DHCP 사용중인 기기목록 확인 FortiGate 관리페이지 접속 모니터 메뉴 클릭 DHCP 모니터 클릭 DHCP 유동IP 부여 예외 처리 DHCP로 유동IP를 부여 받고 있다면, 인터넷 차단 정책 대상 PC들을 IP주소로 등록할 경우 IP주소가 변경될 경우 인터넷 차단이 해제될 수 있는 상황이 발생할 수 있기 때문에, MAC Address로 등록하려고 했는데 현재 보유중인 장비에서는 정책 대상 주소지정에서 MAC Address로는 등록이 되지 않습니다. MAC 예약에 등록된 기기들은 임대갱신 되지 않고 고유IP처럼 사용할 수 있습니다. 그렇다고, 일일히 기기에서 수동IP로 변경하는 번거로움을 덜기 위해 MAC 예약 + 기능을 이용하면 인터넷 차단 대상이 되는 PC들을 등록해두면 IP 갱신되지 않고, 해당IP로 계속 지정되는 기

메이븐 프로젝트 자바 컴파일러 버전 설정 메이븐 프로젝트는 라이브러리를 자동으로 설치해 주고, 의존성 문제를 해결 주는 등 여러 이점이 있지만, 처음 사용할 때 설정에서 애를 먹는 경우가 간혹 있습니다. 라이브러리 및 컴파일러 버전 설정은 pom.xml 파일에서 선언해 주어 사용을 하게 됩니다.우선적으로 프로젝트 관련 모듈의 버전을 확인하는 방법은 아래와 같습니다. 이클립스 프로젝트 project feacts에서 사용되는 버전을 확인할 수 있습니다. 프로젝트 우클릭 Properties 진입 Project Faccets 진입 후 버전 확인 메이븐 업데이트 프로젝트 후 자바 컴파일러 버전 자동 변경 문제 프로젝트의 .settings 폴더 하위에 org.eclipse.wst.common.project.facet.core.xml에서 Dynamic Web Module 버전 및 자바 컴파일러 버전을 수정 후 정상적인 적용을 위해 메이븐 프로젝트 업데이트를 하게 됩니다. 이클립스 프로젝트 익스플로러와 네비게이터탭 org.eclipse.wst.common.project.facet.core.xml 파일이 프로젝트 익스플로러에서 보이지 않는다면 네비게이터 탭에서 보시면 됩니다. 이때, xml파일에 1.8로 작성을 했지만, 프로젝트 업데이트 이후에 자동으로 자바 컴파일러 버전이 1.7로 자동으로 변경되는 문제가 발생 하였습니다. 이 문제는 프로젝트 Properties의 Project Faccets에서 명시적으로 1.8로 변경해도 프로젝트 업데이트 이후에는 1.7로 변경 이 됩니다. 메이븐 프로젝트 업데이트 후 자동으로 변경되는 자바 컴파일러 버전 .settings 폴더가 안보이거나 네비게이터 탭 활성화 방법 이클립스 .settings 폴더 안보이는 문제 해결방법 자바 컴파일러 버전 자동 변경 문제 해결방법 위에서 말씀드렸듯이 이클립스 메이븐 프로젝트의 라이브러리 및 컴파일러 버전들은 pom.xml 파일에서 설정 및 수정이 가능합니다.  메이븐 프로젝트 업데이트 후 자동으로

background-color 속성 HTML 문서에 배경색 변경을 위해서는 background-color 속성을 사용하면 됩니다.  배경 지정은 body 태그뿐만이 아닌 일반적인 텍스트 태그 및 기타 태그에도 적용이 되며, 16진수 방식이나 rgb 코드 색상 컬러 문자열 등을 지정해서 사용할 수 있습니다. background-color 예제 < style >     . conainer     {                     background-color : blueviolet ;                 } </ style > </ head > < body > < div class =" container ">     </ div > </ body > 배경 적용 범위 background-clip, background-origin 속성 background-color 속성을 이용해 배경색을 지정했을 때, 적용되는 배경 색의 적용 범위를 박스 모델 관점에서 조절하고 싶을 때 background-clip 속성을 사용하면 됩니다.  밑에서 알아볼 background-image 속성을 사용한 경우에는 background-origin 속성을 사용해서 적용 범위를 지정 할 수 있으며 속성값 리스트는 clip과 같습니다. background-clip, background-origin 속성값 리스트 속성값 내용 border-box 박스 모델에서 테두리영역 까지 적용(기본값) padding-box 박스 모델에서 padding 영역까지 적용 content-box 박스 모델에서 콘텐츠 영역까지 적용 background-image 속성 단순한 배경색이 아닌 이미지 파일을 배경으로 지정하고 싶을 때는 background-image 속성을 사용하면 됩니다.  파일은 로컬 파일 경로를 지정해서 사용이 가능하고, 이미지 파일의 url을 넣어 인터넷상에 있는 이미지 파일을 사용할

워드프레스 유료 테마 구매 무료 테마를 설치하면 워드프레스 관리자 페이지에 접속시 유료로 전환하라는 광고성 문구가 자주 눈에 띕니다.  우연찮게 들어가 유료버전 구매 창에서 블랙프라이데이 60%할인을 하고 있어 가격 부담이 적어 구매하게 되었습니다.  워드프레스 유료 테마를 세일로 저렴하게 구입할 수 있었습니다. 구매 사이트는 themegrill사이트 였고, Pro버전 정가 69달러를 할인된 가격 28달러에 구매할 수 있었습니다.  결제는 해외결제가 가능한 카드로 결제가 가능하여 손쉽게 바로 구매할 수 있었습니다.  제가 구매한 옵션은 영구 라이선스가 아닌 1년 라이선스 인 것 같은데요. 1년 뒤에 갱신을 안하면 어떻게 되는지는 아직까진 잘 모르겠으나 할인 기간이라면 다시 갱신을 할 것 같습니다. 구매를 정상적으로 마치면, 입력한 이메일로 thegrill 사이트에서 두통의 메일이 수신되고, 구매한 테마 설치 관련 메일과 거래 명세표 같은 인보이스 메일 한 통을 받게 됩니다. ColorMag Free 버전과 Pro 버전 차이 워드프레스 사이트를 개설한지 얼마 되지는 않았지만, Free 버전으로 충분히 사용이 가능하다고 생각하고 사용하고 있었습니다.  아직 Pro의 기능을 다 사용해 본 것은 아니지만 우선은 푸터의 ColorMag 테마 개발사 정보가 계속 눈에 거슬리긴 했는데, 그것을 커스터마이징 할 수 있다는 거에 만족을 하고 하나하나 알아봐야겠습니다. 공식 테마 사이트에 가면 Free 버전과 Pro 버전의 차이를 한눈에 정리해놓은 페이지가 있습니다. ColorMag FreeVSPro ColorMag Pro 버전 워드프레스 적용 방법 워드프레스 테마 설정 관련 수신된 이메일을 보시면서 진행하시면 됩니다. 정상적으로 구매하면, 유료 테마 파일 다운로드 링크와 라이선스 키가 발급됩니다. Pro 버전 테마 파일 다운로드 하기 워드프레스 테마 파일 업로드 워드프레스 관리자 페이지 테마 좌측 상단 새로 추가 클릭 좌측 상단 테마 업로드 클릭 다운로드한 ColorM

HTML 태그 위치 지정 top, right, bottom, left 속성 HTML 태그에서 기준이 되는 자리 위치에서 네 방향을 기준으로 원하는 위치로 태그 위치를 이동시킬 수 있으며, 단위로는 px 등을 지정하여 px 만큼 떨어진 위치에 지정하는 방식입니다. 속성 설명 top 태그 기준 위치로부터 위쪽으로 지정한 숫자 만큼 이동 right 태그 기준 위치로부터 오른쪽으로 지정한 숫자 만큼 이동 bottom 태그 기준 위치로부터 아래쪽로 지정한 숫자 만큼 이동 left 태그 기준 위치로부터 왼쪽으로 지정한 숫자 만큼 이동 HTML 태그 배치 방식 지정 postion 속성 position 속성을 사용하면 HTML 태그를 원하는 방식으로 배치할 수 있게 배치 방식을 변경할 수 있습니다.  원하는 위치에 고정시킨다던가 웹문서 흐름에서 벗어난 배치도 가능합니다. 속성값 설명 static 원래 문서 흐름 상 배치(기본값) relative 방향 위치 속성을 사용해 위치를 조절이 가능하다는 것을 제외하면 static과 동일한 기능 absolute relative로 지정한 상위 요소를 기준으로 자신의 위치를 지정 fixed 웹 브라우저를 기준으로 방향 위치 속성을 사용해 배치 결정. 위에서 설명한 top, right, bottom, left의 위치 속성을 사용하기 위해서는 position 속성 값을 static이 아닌 다른 속성값(relative, absolute, fixed)으로 지정한 후 원하는 방향의 속성을 사용해 지정해서 HTML태그의 위치를 변경 시킵니다. ``` ``` postion 및 방향 위치(top, right, bottom, left) 속성 예제들 이미지 위에 HTML 태그의 위치 변경 예제 HTML 태그 및 기본 CSS 작성 움직이려는 태그(h1)의 상위 요소 position : relative 속성 지정 움직이려는 태그 position : absolute 속성 지정 이동을 원하는 방향의 속성과 함께 거리만큼 속성값 지정   < style

display 속성으로 block, inline 요소 변환하기 이전에 박스 모델에 대해 정리한 글에서도 말씀드렸다시피 HTML 요소는 각기 고유의 박스 모델을 가지고 있습니다.  태그에 따라 블록 레벨 요소 태그와 인라인 레벨 요소로 구분되어 부여됩니다.  이렇게 기본값으로 부여된 박스 모델 레벨을 display 속성을 사용하면 변환이 가능 합니다.  즉 block 레벨 요소 태그를 inline 레벨 요소 태그로 바꿀 수 있으며 그 반대로도 가능 합니다. CSS 블록 레벨 요소 인라인 레벨 요소 차이점 CSS display 속성값 중 레이아웃에 쓰이는 속성값 속성값 설명 block inline 요소 -> block 요소로 변환 inline block 요소 -> inline 요소로 변환 inline-block inline 요소와 block 요소의 속성을 모두 가지고 margin과 padding 지정 가능 none HTML에서 표시되지 않게 함. display 속성을 사용한 HTML 가로 메뉴 구현 예제 < style >   * {     box-sizing : border-box ;   }   ul   {     list-style-type : none ;           }   li   {     margin : 0 15px ;     padding : 30px ;         border : 2px double black ;         display : inline-block ;             } </ style > </ head > < body >   < ul >     < li > 홈 </ li >     < li > 생산 </ li >     < li > 구매 </ li >     < li > 회계 </ li >     < li > 재무 <