본문 바로가기

전체 글2572

JSP | JSTL - 현재 URL 알아내기 EL 문법을 이용하여 URL 알아내기 안녕하세요. 고코더입니다. URL은 현업에서 가장 중요한 정보입니다. 유효성 체크, 접속 분기등 다양한 이유에서 개발을 하기 때문입니다. 그래서 JSP에서 간단한 방법으로 현재 URL을 알아내는 방법을 알아보려고 합니다. ▼ 우선 pageContext 객체를 알아봅시다. 자주 쓰는 객체이므로 외워두면 될거 같습니다. pageContext : 페이지에 대한 정보 request : 사용자가 요청한 HTTP데이터를 알 수 있는 객체 requestURL : HTTP데이터에서 URL의 정보를 가져온다. requestURI : HTTP데이터에서 URI의 정보를 가져온다. ▼ 아래 소스를 JSP에서 실행시켜 봅시다. JSP에서 현재 URL 가져오기 : ${URL} JSP에서 현재.. 2017. 12. 21.
eclipse - 이클립스에서 비주얼 스튜디오 다크 테마 설정 / Oxygen Eclipse Visual Studio Dark Theme Setup 어제 올린 글에서 비주얼 스튜디오 테마에 관심을 보인 분이 계셔서 오늘은 이클립스에 비주얼 스튜디오 다크테마를 적용하는 방법을 가르켜드리겠습니다. 사실 비슷하게 만든거라 큰기대는 안하셔도 됩니다. ▼해당 URL을 접근합니다. 그리고 보이는데로 비주얼 스튜디오 에디터 테마 XML을 다운로드 받습니다. 다른 테마도 많으니 한번 쭈욱 둘러보시는걸 추천합니다. http://www.eclipsecolorthemes.org/?view=theme&id=5211 ▼Window -> Preferences로 접근하여 Color Theme에서 [import a theme] 클릭해서 아까 다운로드 받은 .xml을 추가해보세요 ▼그럼 목록에서 다크 비주얼 스.. 2017. 12. 20.
eclipse - 이클립스 에디터 테마 변경하기 / Oxygen 이클립스 글씨 색상 변경하기 이클립스 에디터를 색상을 바꿔 보려고 합니다. 흰색 바탕에 검은색 글자 보다 더 눈이 편하고 가독성이 좋은 테마가 많죠 비주얼 스튜디오와 jetbrain Storm 들은 자체적으로 제작한 다크테마를 제공합니다. 특히나 비주얼 스튜디오 다크테마는 정말 보기 편합니다. 그 정도까지는 아니지만 이클립스에도 다양한 에디터 테마를 적용할 수 있는 플로그인이 있어 설명하려고 합니다. ▼아래 URL로 접속을 합니다. 그리고 캡쳐 이미지 처럼 install 이란 아이콘을 마우스 왼쪽 버튼으로 잡고 이클립스 안으로 드래그 드롭 해보세요 (저번 시간에는 마켓플레이스에서 설치를 해봤으니 교육차원에 이번엔 조금 다르게 해보았습니다. ㅎㅎ) https://marketplace.eclipse.org/.. 2017. 12. 19.
eclipse - 이클립스로 FTP 연결하기 / Oxygen Eclipse FTP 접속 이클립스로 ASP나 PHP도 개발을 많이 합니다. 보통은 형상관리 툴을 써서 개발하겠지만 아직 작은 규모의 프로젝트는 그냥 FTP를 연결하여 직접 수정 개발을 하기도 하죠. 그래서 오늘은 Eclipse로 FTP를 접속하는 방법을 가르켜드리겠습니다. 이클립스 버전은 Oxygen 입니다. ▼ Help -> Eclipse Marketplace를 클릭합니다. ▼그리고 find에 Remote System Explorer 를 검색해봅시다. 그리고 install ▼약관에 동의하고 피니시~~ ▼그리고 이클립스를 리스타트 합시다. ▼다음은 해당 부분을 클릭하여서 ▼방금 설치한 콤포넌트를 오픈하면 됩니다. ▼그럼 해당과 같은 모습이 보일텐데 여기서 마우스 오른쪽 버튼을 누르고 new-> conn.. 2017. 12. 18.
티스토리 - 블로그의 개발 소스 넣기 블로그의 개발코드 넣기 IT개발자 강의에 이어 이젠 블로그 관리 강의들을 써보려고 합니다. 많은 애용 부탁드려요 오늘은 블로그의 개발소스를 넣는 방법을 알아보려고 합니다. 흔히 블로그에서 많이 보이는 그러한 방법입니다. ▼우선 아래 사이트를 접속해보시면 아래처럼 바로 기능이 보입니다. https://colorscripter.com/ ▼한번 input 박스에 소스 코드를 넣어보겠습니다. 그리고 해당 소스코드에 맞는 언어를 선택해보면 아래처럼 색상이 입혀집니다!! 이쁘네요 ▼그리고 어두운 배경으로 바꿀수도 있어요 스타일 패키지에서 서브라임 블랙을 선택하면 아래처럼 됩니다. 실제 개발자가 가장 애용하는 다크 테마죠 ▼이젠 클립보드의 복사를 눌르면 어디에서든 붙혀넣으면 형식이 지정됩니다. ▼제 블로그의 붙혀넣은.. 2017. 12. 17.
사이트 - 개발소스 라인 정렬 하기 / HTML / JS 개발코드 정렬 하기 얼마전 소스 리뷰를 보는데 MIN으로 압축된 JS 파일을 유지보수 하는 분을 보았습니다. 한줄로 된 그 코드를 분석하는 개발력에 놀라웠지만 생산적인 면에서는 소스를 정렬하고 유지보수 하는게 좋아 보이더군요 소스를 정렬 하는 방법은 상당히 많습니다. 첫번째로 해당 기능을 제공하는 사이트에서 정렬 하는 방법이 있고 두번째로 IDE 기능을 통해 하는게 사실 가장 좋고 세번째는 손으로 직접 정렬 하는 방법이 있을 것입니다. 그래서 오늘은 첫번째 방법을 알아보겠습니다. 바로 http://jsbeautifier.org/ 사이트를 활용 하는 방법 입니다. ▼ 접속하면 아래와 같이 바로 기능 페이지가 나옵니다. 기능에 충실하네요 ▼이번에는 정렬해볼 소스를 구해봅시다. http://code.jquer.. 2017. 12. 16.
HTML5 - meter , progress 태그 비교 미터, 프로그래스 태그 차이 오늘은 간단한 HTML을 설명하려고 합니다. progress는 흔히 사용하는 태그입니다. 진행률 나타낼때 참 좋죠. 그런데 meter라는 태그도 progress와 너무 비슷합니다. 그래서 오늘은 이 두가지의 HTML 차이를 알아보려 합니다. 결론부터 말하면 progress : 진행율을 나타내기 위해, 동적 데이터 meter : 현재 점수나 범위를 나타낼때, 정적데이터 ▼ 아래 소스를 크롬에서 확인하면 meter 태그와 progress 태그 *당신의 수학점수는? 90점-> 90 *현재 프로젝트 완성률은 70%-> ▼ 아래처럼 보입니다. 특이점은 progress 태그는 눈금이 보이죠? 앞으로 뭔가 더 진행될거 같으 느껴집니다. 동적으로 보이고 meter 태그는 정적으로 보입니다... 2017. 12. 15.
CMD - 텔넷으로 포트 오픈 확인 telnet 으로 port 개방 확인 이전 시간에 tcping으로 리뷰한 방법이 특정 파일이 폴더상에 존재하는게 불편하다고 하여 이번에는 텔넷으로 이를 확인해보는 방법을 알아보겠습니다. 오늘은 윈도우 10버전으로 확인해보겠습니다. 우선 대부분의 컴퓨터에는 텔넷 클라이인트가 설치되어 있지 않기 때문에 설치부터 해보시죠! ▼우선 시작 버튼을 눌러 "프로그램 및 기능"을 찾아주세요 그리고 클릭 ▼해당 메뉴에서 windows 기능 켜기/끄기를 눌러주세요. 윈도우즈 기능입니다. ▼그리고 맨아래로 스크롤을 내리면 "텔넷 클라이언트"라는걸 확인 가능합니다. 해당을 체크해주세요 그럼 준비 완료 입니다. ▼CMD를 검색해 명령 프롬프트를 실행합니다. ▼사용법은 이렇습니다. telnet : 도메인(IP) 포트 ▼해당 아이.. 2017. 12. 14.
eclipse - 이클립스 ctrl+tab 탭전환 설정방법 이클립스 컨트롤 탭 설정 이클립스가 불편한 이유중 하나가 바로 탭 전환 기본이 CTRL+F6 일 것이다. 자주 사용하는 기능을 손가락을 길게 벌리거나 두손으로 한다는게 여간 귀찮은게 아니다 그래서 오늘은 이 기능의 단축키를 바꾸어 보려고 한다. 이클립스를 키고 ▼Window -> Preferences로 이동한다. ▼그리고 General -> keys로 이동 한다음 - next editor 라고 검색을 해보자 - 아래 Binding 에서 Ctrl + Tab 을 입력해보자 해당 INPUT을 누르고 원하는 단축키를 누르면 입력된다. ▼ 이번에는 previous editor 라고 검색을 해보자 - 그다음 Binding 에서 Ctrl +Shift+ Tab 을 입력해보자 해당 INPUT을 누르고 원하는 단축키를 누.. 2017. 12. 12.