Web Basic
JSP를 이용한 파일 업로드 기능 구현하기
JSP를 이용한 파일 업로드 기능 구현하기
2020.11.01이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSP를 이용한 CRUD 프로젝트 만들기
JSP를 이용한 CRUD 프로젝트 만들기
2020.10.17이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
Html Form에 CSS를 이용한 디자인 적용하기
Html Form에 CSS를 이용한 디자인 적용하기
2020.09.14이전에 html에서 form을 이용해서 다양한 입력형태를 만들어본 경험을 해보았을 것입니다. 하지만 아래와 같이 기본적으로 적용되는 각 input 태그에 대한 입력파트는 크기도 너무 작고 웹 페이지에서 그대로 사용하기에는 디자인 적인 부분에서도 조금 무리가 있습니다. 그런데 html 태그들을 css를 이용해서 각 태그들의 스타일을 지정했던 것처럼 input 태그에도 css를 사용함으로서 사용자가 원하는 형태로 디자인할 수 있습니다. 여기서 기억해야할 점은 기존에 공부하고 사용해보았던 css 속성 및 속성값들을 그대로 input 태그에 적용할 수 있다는 점 입니다. 지금부터 css를 이용해서 input 태그를 디자인하는 간단한 몇가지 예시들을 살펴보도록 하겠습니다. width, height 속성 아래와 같..
JSTL Function 라이브러리
JSTL Function 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL SQL 라이브러리
JSTL SQL 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL Formatting 라이브러리
JSTL Formatting 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL - xml
JSTL - xml
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL Core 라이브러리
JSTL Core 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSP - 개발환경 구축
JSP - 개발환경 구축
2020.08.03이번 글을 통해서는 JSP 개발환경을 세팅하는 방법을 알아보도록 하겠습니다. 내용을 진행함에 앞서서 저는 MacOS 시스템을 사용하고 있고 개발환경 세팅 또한 이 MacOS를 기준으로 기록할 것임을 먼저 밝힙니다. 혹시 Windows 운영체제를 사용하시는 분들이라면 이 글에서 다소 다른 부분이 있을수 있으니 해당 사항을 참고해주시기 바랍니다. 개발환경 구축을 위해 필요한 것 JSP 개발환경을 구축하기 위해서는 다음의 요소들을 설치해야 합니다. 설치항목 JDK (버전8 이상) Tomcat (버전 8.5.57) Spring Tool Suite 4(STS) Maven3 지금부터 각 항목별로 순서대로 설치과정을 알아보도록 하겠습니다. 1. JDK JDK는 8 이상의 버전을 설치해주시면 됩니다. 우선 오라클 페이..
자바스크립트 - HTML AJAX
자바스크립트 - HTML AJAX
2020.07.31AJAX가 무엇이고 왜 필요한 가? AJAX는 Asynchronous Javascript and Xml의 약자로서 번역하면 비동기적 자바스크립트와 xml이 됩니다. 여기서 사용되는 비동기적 이라는 용어의 뜻은 AJAX의 동작이 웹페이지와 서버의 연결에 지장을 주지 않은 상태로 이루어 진다는 것을 의미합니다. AJAX는 다음과 같은 곳들에 사용됩니다. 1. 페이지가 로드된 후 웹 서버에서 데이터 읽기 2. 페이지를 다시 로드하지 않고 웹 페이지 업데이트 3. 백그라운드에서 웹 서버로 데이터 보내기 일반적으로 우리가 사용하는 http 프로토콜은 클라이언트 측에서 요청(Request)을 보내고 서버의 응답(Response)을 받으면 클라이언트측과 서버단의 연결이 끊어지도록 되어있습니다. 그렇기 때문에 클라이언..
자바스크립트 - HTML BOM
자바스크립트 - HTML BOM
2020.07.31HTML BOM BOM은 Browser Object Model의 약자로서 웹브라우져를 제어하기 위해서 웹브라우져가 제공해주는 객체들을 의미합니다. 즉, BOM을 사용하면 웹브라우져를 제어할 수 있고 그 중간과정에서 자바스크립트를 사용합니다. 그렇기 때문에 우리는 자바스크립트 상에서 이 BOM을 사용함으로서 웹 브라우져의 여러동작들을 프로그래밍수준에서 제어할 수 있습니다. window 객체(window object) window 객체는 모든 브라우져에서 지원됩니다. 이 window 객체는 웹 브라우져의 창/프레임을 나타냅니다. 우리가 사용하는 모든 전역 자바스크립트 객체, 함수 그리고 변수는 자동으로 window 객체의 멤버가 됩니다. 예를들어서 전역변수는 window 객체의 속성이고, 함수는 window..
자바스크립트 - HTML DOM
자바스크립트 - HTML DOM
2020.07.28javascript는 HTML DOM 이라는 개념을 통해서 html 문서 내에 존재하는 모든 tag에 접근하고 이를 변경할 수 있습니다. 따라서 이 DOM의 개념에 대해서 정확하게 이해하고 넘어가는 것은 대단히 중요 합니다. 문서객체모델(DOM - Document Object Model) html을 위한 Standard Object Model, Programming Interface html element에 어떻게 접근하고, 내용을 변경하고, 추가하고, 삭제하는 지에 대한 표준 html 문서의 전체적인 구조를 Object Tree의 형태로 표현한 모델 웹 페이지가 웹 브라우져를 통해서 로딩될 때, 브라우져는 해당 페이지에 대한 DOM을 생성하여 유지하게 된다. 그리고 이를 javascript와의 사용을 ..