본문 바로가기
728x90

분류 전체보기195

[ JSP ] DB 연결 오늘은 웹 프로젝트를 생성하고 SQL을 활용해서 DB 연결을 해보겠습니다! ■ JDBC(JAVA DataBase Connectivity) JDBC는 자바 언어로 DB 프로그래밍을 하기 위한 라이브러리입니다. JDBC 라이브러리는 관계형 데이터베이스에 접근하고 SQL 쿼리문을 실행하는 방법을 제공합니다. 예를 들면 회원 관리 시스템을 만들기 위해서 DB 테이블에 레코드를 추가/ 수정/ 삭제해야 하는데, 그러기 위해서 SQL 쿼리문을 자바 프로그램 내에서 이용해야 합니다, 이러한 방법을 제공하는 게 JDBC입니다. ※ JDBC 프로그래밍의 문제점 -> JDBC와 DBMS와의 연동작업은 Connection이라는 객체를 생성하면서 이루어집니다. 이 연동 작업은 클라이언트로부터의 요청이 있을 때마다 매번 이루어져.. 2023. 3. 2.
[ JSP ] 웹 프로그래밍(JSP)의 개요 및 구성 요소 오늘부터 웹 프로그래밍(JSP) 포스팅을 해보려 합니다. 지금까지 알아본 JAVA, SQL , HTML, JAVAScript를 활용하는 중요한 단계라고 생각합니다. 앞으로 개발자를 준비하시는 분들이라면 꼭 알고 넘어가야 하는 파트이므로, 열심히 포스팅해 보겠습니다! ■ JSP(JAVA Server Pages)란? JSP는 동적인 웹 서버에서 동적인 페이지를 만들어주는 서버 사이드 스크립트 언어이며, C/S 환경을 갖고 있습니다. Servlet과 기능적으로는 굉장히 비슷하지만 아주 큰 차이가 있는데, 그건 바로 작성하는 언어의 기반이 다르다는 것입니다. Servlet이 클래스의 형태를 띠고 있고 자바의 형태를 온전히 가져가는데 반해 JSP는 HTML 코드를 기반으로 그 사이에 자바 코드를 삽입하는 식으로 .. 2023. 3. 1.
[ JAVA Script ] Mobile Web UI구현 오늘은 스마트폰에서 흔히 보이는 모바일 웹 UI구현에 대해서 포스팅해보려 합니다. ■ Mobile Web이란? 앞서 말씀드린 것처럼 일상에서 우리는 흔히 스마트폰에서 검색하는 웹 페이지가 바로 일반적인 모바일 웹입니다. 모바일 웹은 모바일에서도 PC용 사이트의 글자 폰트와 이미지, 터치아이콘등 데이스탑 브라우저에서 실행되는 기능을 모바일에 맞춰 표현한 사이트로서 PC용 홈페이지를 모바일 스크린 크기로 줄여 놓은 것이라고 할 수 있습니다. 이러한 이유로 모바일 웹은 일반 PC용 웹 페이지에 비해서 간단한 UI를 가지고 있습니다. 이 글은 CSS와 JAVAScript를 활용한 모바일 웹 제작 방법과 jQueryMobile로 구현할 때의 몇 가지 팁에 대해 설명하겠습니다. ■ jQuery Mobile jQue.. 2023. 2. 28.
[ JAVA Script ] Ajax 이전 포스팅으로 JQuery까지 알아봤습니다. 다음 포스팅으로 모바일 웹 포스팅을 끝으로 JSP 포스팅을 하려고 합니다! 오늘은 동기식, 비동기식인 Ajax에 대해서 포스팅해 보겠습니다! ■ Ajax(Asynchronous JavaScript And XML)이란? Ajax(Asynchronous JavaScript And XML)이란 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능입니다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법입니다. 즉, 자바스크립트를 통해서 서버에 데이터를 비동기 방식으로 요청하는 것입니다. ■ Ajax(Asynchronous JavaS.. 2023. 2. 27.
[ JAVA Script ] jQuery 이전 포스팅으로 DOM에 대해서 알아봤습니다. 오늘은 javaScript DOM 작업을 쉽게 처리할 수 있도록 도와주는 jQuery에 대해서 포스팅해 보겠습니다! ■ jQuery란? jQuery는 지금까지 배운 javaScript의 코드 형식과 차이점이 있습니다. 일단 두 개의 차이점에 대해서 먼저 설명하자면, javaScript는 웹브라우저에서 작동하는 스크립트입니다. 기능을 포함하는 거의 모든 홈페이지들이 사용하고 있습니다. jQuery 또한 javaScript입니다. 다만 javaScript로 빈번하게 사용되는 기능들은 조금 더 함축적인 코드를 통해 사용하게 만든 라이브러리입니다. javaScript는 아래와 같이 크게 4가지 요소로 구성되어 있습니다. javaScript core 문법 javaSc.. 2023. 2. 25.
[ JAVA Script ] DOM 오늘은 DOM(문서 객체 모델)의 개념과 document 객체에 대한 포스팅을 해보겠습니다! ■ DOM(문서 객체 모델)이란? 문서 객체 모델(DOM, Document Object Model)은 HTML 문서나 XML에 접근하기 위한 일정의 인터페이스입니다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다. DOM의 특징은 다음과 같습니다. HTML5와 같은 구조화된 문서를 객체 개념으로 표현하고 접근하는 방식입니다. W3C가 정한 공식 표준으로 W3C가 표준화한 여러 API의 기반입니다. DOM API를 통해 HTML5와 XML문서 안의 구성 요소 즉, 엘리먼트, 속성, 텍스트 등을 접근하고 변경할 수 있고, 문서의 내용이나 구조, 스타일 등을 동적으로 제어가.. 2023. 2. 24.
728x90