본문 바로가기

언어공부

(188)
JSP - 웹 프로그래밍과 JSP JSP - 웹 프로그래밍과 JSP 웹 프로그래밍이란 웹 서버가 웹 브라우저에 응답으로 전송할 데이터를 생성해주는 프로그램을 작성하는 것이다. 웹 서버의 종류에 따라 웹 프로그래밍을 할 때 사용할 기술이 달라진다. 아파치 웹 서버를 이용하면 PHP를 이용, 윈도우의 IIS 웹 서버를 사용하면 ASP.net이라는 기술을 이용해서 웹 프로그래밍을 할 수 있다. JSP 역시 웹 프로그래밍을 할 때 사용되는 기술이다. JSP는 동적 페이지를 작성하는데 사용되는 자바의 표준 기술로서 HTML 응답을 생성하는데 필요한 기능을 제공하고 있다. 물론 HTML 뿐만 아니라 XML, JSON, 바이너리 파일 등도 응답으로 생성할 수 있지만 주로 HTML 응답을 생성하는 목적으로 사용한다. JSP를 이용하려면 톰캣 같은 서버..
JSP - 자바 서버 페이지 (Java Server Page) JSP - 자바 서버 페이지 (Java Server Page) 자바 서버 페이지( JavaServer Pages, JSP)는 HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 서버 사이드 스크립트 언어이다. HTML만으로는 데이터가 실시간으로 변화하는 것을 처리하거나 저장하기에는 불가능 하기 때문에 동적으로 변화하는 데이터를 처리하고 표시하기 위해서 개발되었다. Java EE(Java Enterprise Edition) 스펙 중 일부로 웹 애플리케이션 서버에서 동작한다. *Java EE(Java Enterprise Edition) Java EE는 자바의 기본적인 기능을 정의한 Java SE(Standard Edition)에 웹서버 역할을 추가한 것으로 자..
크롬 브라우저로 디버깅 하기 크롬 브라우저로 디버깅 하기 크롬에 내장된 개발자 도구를 사용하면 편리하게 디버깅 할 수 있다. 위의 코드에 고의로 오류가 발생하도록 코드를 작성해 디버깅 해보자. 콘솔(Console) 패널을 이용한 디버깅 코드에서 t1 hello 뒷 부분에 큰 따옴표를 삭제해서 실행하면 오류이기 때문에 아무것도 출력되지 않는다. 크롬 브라우저에서 F12키(또는 오른쪽 클릭-검사)를 눌러 개발자 도구를 열고 Console 패널을 활성화 한다. 그러면 오류가 발생한 부분을 알 수 있게 되는데, debugging.html 파일의 8행의 코드를 수정하면 오류를 해결할 수 있다고 알려준다. 소스(Sources)패널을 이용한 디버깅 앞에서의 오류를 다시 이용해서 이번에는 Sources패널을 클릭한다. 그리고 현재 실행한 HTML..
제이쿼리(jQuery) 기초 문법 - 탭 메뉴 만들기 제이쿼리(jQuery) 기초 문법 탭 메뉴 만들기 탭 메뉴를 클릭하면 버튼이 활성화 되어 해당 탭 메뉴 내용이 나타나게 한다. 여기서 addClass() 메소드와 removeClass()메소드를 사용한다. menu1 menu2 menu3 menu4 menu1 This is menu1 content menu2 This is menu2 content menu3 This is menu3 content menu4 This is menu4 content 스크립트 부분을 보면, ul.tab li부분이 클릭되면, ul.tab li와 .tabcontent 중 'on'클래스를 삭제(removeClass('on'))해 현재 활성화 된 부분을 끄고, 클릭된 ul.tab li와 해당 id의 클래스에 'on'클래스를 추가(ad..
제이쿼리(jQuery) 기초 문법 - 플러그인 직접 제작, 자주 묻는 질문 플러그인 제작 제이쿼리(jQuery) 기초 문법 플러그인 제작을 위한 $.fn.extend() 메소드 $.fn.extend()메소드는 개발자가 직접 제작한 함수를 jQuery에 확장 시켜 주는 역할을 한다. 다음은 $.fn.extend() 메소드의 기본형이다. $.fn.extend()메소드는 두 가지 방법으로 사용할 수 있다. 자주 묻는 질문 플러그인 제작 예제 자주 묻는 질문(FAQ)에 사용할 수 있는 플러그인을 만들어보자. 좋아하는 것 관련 Q1. 좋아하는 색깔은? 노랑색, 남색, 보라색 입니다. Q2. 좋아하는 과일은? 딸기, 바나나, 체리, 골드키위, 망고입니다. 흥미있는 것 관련 Q1. 흥미있는 분야는? 코딩 입니다. Q1. 흥미있는 활동은? 산책, 여행 입니다. if문에서 클릭했던 부분의 div가 hidde..
제이쿼리(jQuery) 기초 문법 - jquery-cookie 플러그인 활용 제이쿼리(jQuery) 기초 문법 jquery-cookie 플러그인 활용 jquery-cookie 플러그인을 사용하면 간편하게 쿠키(cookie)를 생성하고 쿠키 만료일을 설정할 수 있다. 쿠키란 '사이트를 방문한 사용자의 소량의 브라우저 정보를 저장할 수 있는 공간'을 말한다. 소량의 데이터를 저장할 수 있는 저장소를 쿠키 조각에 비유한 것이다. 쿠키는 하나의 도메인당 최대 20개를 생성할 수 있고 최대 4KB까지 저장할 수 있다. 쿠키를 사용하면 '오늘 하루 동안 이 창 열지 않기'나 '최근에 본 상품'기능을 구현할 수 있다. jquery-cookie 플러그인 설치 cdnjs(https://cdnjs.com/)사이트에서 'jquery-cookie'를 검색한다. 해당 주소를 카피해서 브라우저 url창에..
제이쿼리(jQuery) 기초 문법 - 제이쿼리 bxSlider 플러그인 활용 제이쿼리(jQuery) 기초 문법 제이쿼리 bxSlider 플러그인 활용 bxSlider 플러그인은 여러 개의 배너에 슬라이드 기능을 간편하게 적용할 수 있는 플러그인이다. 또한 bxSlider 플러그인은 모바일에도 최적화 되어 있어 슬라이드 기능도 동일하게 동작하며 반응형 디자인에도 최적화 되어 있다. bxSlider플러그인 설치 1.bxSlider(http://bxslider.com/)홈페이지에서 [Click here to install] 버튼을 클릭한다. 2. install 페이지에서 [Download jquery.bxslider.zip here]를 클릭하면 플러그인 파일을 내려받을 수 있다. 또는 라이브러리 링크를 복사해서 붙여넣는다.
제이쿼리(jQuery) 기초 문법 - Ajax($.get())로 XML 데이터 바인딩 제이쿼리(jQuery) 기초 문법 Ajax($.get())로 XML 데이터 바인딩 바인딩(binding)은 '묶다'라는 의미이다. 비동기 통신 기술을 이용하여 서버 데이터베이스(DB)에 데이터를 요청하고, 데이터 베이스에 요청한 데이터를 받아와 HTML 문단 태그에 결합하는 것을 바인딩이라 부른다. **XML(eXtensible Markup Language) XML은 확장 가능한 언어이므로 태그명을 사용자가 임의로 작성할 수 있다. 사용자가 임의의 태그명을 만들어 사용할 수 있기 때문에 많은 지식이 없어도 된다. 즉 서버의 데이터를 XML 데이터로 가공하는 것은 많이 어렵진 않은 편이다. XML은 주로 데이터를 배포할 목적으로 사용된다. 내용 XML의 기본형으로 상단에는 버전과 인코딩 방식을 선언하고 사..