본문 바로가기

전체보기101

[Xml]이란 무엇일까 XML개념정리 1. Xml이란 무엇일까? XML(eXtensible Markup Language)은 해석하면 확장 마크업 언어라는 뜻을 가지고 있다. 이렇게 설명하면 어려울 테니 좀더 풀어서 이야기 해보자면 주고받는 데이터를 보기좋게 기술하기 위한 마크업 언어라고 생각하면 된다. 만약 우리가 신세계라는 영화의 정보인 제목, 점수, 평론, 좋아요 횟수등의 여러가지 정보를 전달할 때 [신세계, 95, 평론좋음, 53234] 식으로 데이터를 보낸다면 그렇게 보기좋은 형태의 데이터는 아닐 것이다. 이 때 XML을 통하여 해당 데이터를 보기 좋게 기술을 하는데 그 예시는 아래의 소스 코드와 같다. 신세계 95 매우 좋음 12022 범죄와의 전쟁 85 보통 11011 위의 코드에서 사용한 , 과 같은 태그들은 실제로 사용가능한 .. 2019. 5. 19.
<Servlet>이란 무엇일까? 서블릿 개념정리 1. Servlet 이란? 웹의 시대가 오면서 사람들은 고민하기 시작했다. Java로 웹을 개발할 수 없을까? 라고 말이다. 초창기의 Java는 웹개발을 염두해두고 만든 언어가 아니기 때문에 웹을 개발할 수가 없었다. 그래서 J2EE라는 것이 등장했다. 쉽게 말해 웹을 개발할 수 있도록 업그래이드 된 자바의 기능들 이라고 생각하면 된다. 이렇게 등장한 J2EE의 기술중에 한가지가 Servlet이고 그 외에도 JDBC등등이 있다. J2EE를 통해 등장한 Servlet은 url주소를 맵핑하여 웹 브라우저에서 url주소로 자바의 클래스 파일을 호출 할수 있게 만들었고 이렇게 호출된 Servlet이라는 자바클래스는 자바로 짜여진 코드를 브라우저가 이해할수 있는 html로 변환하여 브라우저에게 전달해서 우리가 보.. 2019. 5. 18.
[서브넷 마스크 - Subnet Mask]란 무엇일까? 개념정리 - 미완성 1. 서브넷 마스크(Subnet Mask)란? 2. 2019. 5. 18.
[JSTL]이란? JSTL CORE태그 사용법 1. JSTL 이란? -JSP 표준 태그 라이브러리(여러 프로그램이 공통으로 사용하는 코드를 모아놓은 집합)의 약어 -이미 만들어진 태그를 이용하여 JSP환경에서 보다 가독성 좋게 JAVA를 사용할 수 있다. -기본적으로 제공하는 태그 외에도 자신만의 태그를 만들어서 사용할 수 있다. 2. JSTL 라이브라러 다운로드 -http://tomcat.apache.org/download-taglibs.cgi(다운로드 경로) 3. JSTL 라이브러리 적용방법 아래와 같이 taglib지시문을 이용하여 선언 후에 사용가능하다. 종류가 여러가지 있으니 본인이 필요한 부분만 선언해서 사용하면 된다. 4. JSTL 사용방법 및 예시 JSTL중에 가장 많이 사용하는 core태그(prefix="c")만 간단한 예시를 통해 알.. 2019. 5. 18.
<Node.js>Express.js 설치하기, 기본세팅 Express.js는 Node.js의 프레임워크이다. 당연히 express.js를 설치하기 위해서는 Node.js가 설치되어 있어야만 한다. Node.js를 설치하면 자동으로 npm이라는 일종의 앱스토어(?)가 설치되는데 여기서 express.js를 다운로드 받을 수 있다. 우선 node.js와 npm이 제대로 설치되었는지 확인해 보겠다. vscode 터미널에서 npm -v를 입력하면 npm의 버전을 확인 할 수 있다. node.js가 설치되었고 함께 설치되는 npm또한 정상적으로 설치되었다는 의미이다. 그다음 콘솔의 경로를 작업할 폴더로 이동한다. 경로이동은 cd [이동경로]를 입력하면 되겠다. 그 후 npm init를 입력하면 기본적으로 입력해야하는 양식이 나오는데 버전이라던가 프로젝트이름과 같은 내.. 2019. 5. 15.
<Node.js>다운로드 설치방법 및 개념정리 우리는 좋으나 싫으나 웹 front개발을 할때 javascript를 사용 해야한다. 왜냐하면 언어가 javascript밖에 없기 때문이다. 이러한 javascript는 브라우저에서만 사용할 수 있는데 이를 서버로 가져와서 사용하는게 node.js이다. 브라우저에서만 작동하던 자바스크립트가 서버로 오면서 컴퓨터의 자원을 관리하게 되고 이는 백앤드 개발 또한 javaScript로 할 수 있다는 의미이다. javascript하나로 모든걸 다 할수 있다니 정말 놀라운 일이다. 1. node.js설치 우선 node.js설치 방법에 대해서 알아보겠다. 아래링크로 접속하면 다음과 같은 화면이 나오는 여기서 왼쪽은 검증된 버전의 node.js이며 오른쪽의 다운로드 버튼은 최신버전의 node.js이다. 개인적으로는 왼쪽.. 2019. 5. 15.
<Servlet>redirec와 forward개념 Redirect와 Foward는 JSP환경에서 현재 작업중인 페이지에서 다른페이지로 이동하는 방식이다. 그렇다면 결과적으로 같은 기능을 하는 이 두가지는 어떠한 차이점이 있을까?? ​ ​1. redirect의 개념 1. 리다이렉트는 HTTP프로토콜로 정해진 규칙이다. 2. 서버는 클라이언트의 요청에 대해 특정 URL로 이동을 요청할 수 있다. 이를 리다이렉트라고 한다. 3. 서버는 클라이언트에게 HTTP 상태코드 302로 응답하는데 이때 헤더 내 Location 값에 이동할 URL 을 추가한다. 클라이언트는 리다이렉션 응답을 받게 되면 헤더(Location)에 포함된 URL로 재요청을 보내게 된다. 이때 브라우저의 주소창은 새 URL로 바뀌게 된다. ​ 4. 클라이언트는 서버로부터 받은 상태 값이 302.. 2019. 5. 15.
[jQuery] Ajax사용하기 jQuery에서 Ajax사용하기 웹 프론트에서 가장 중요한 기능을 물어본다면 고민을 해봐야겠지만 지금 당장 대답한다면 저는 아마도 Ajax라고 대답할것 같습니다. 그만큼 Ajax는 많이사용하고 중요하고 또 웹페이지를 멋지게 해주는 기능입니다. ajax를 사용하는 방법은 여러가지가 있겠지만 이 포스팅에서는 JSP에서 jQuery를 이용한 Ajax로 Spring 백엔드와 통신하는 방법에 대해서 설명하고자 합니다. 1. Ajax란? 과거의 웹은 모든것이 동기화방식으로 운영되어 졌습니다. 예를들어 페이스북의 좋아요 버튼을 누르게되면 단지 좋아요 카운트만 올려주면 되는데 좋아요 카운트 한개를 화면에서 변경하기 위해 전체페이지를 리로딩하는 것이 바로 동기화 방식입니다. 하지만 곰곰히 생각해보면 페이스북의 좋아요기능.. 2019. 5. 15.
[jQuery] 기본 세팅방법(CND, 직접선언 등) jQuery는 브라우저 호환성이 있는 다양한 기능을 제공하는 자바스크립트 라이브러리이다. jQuery에서 제공하는 오픈 라이브러리들을 통해 java script로 ajax, event, 다양한 ui 기능 등을 구현할 수 있으며 이 포스팅에서는 jQuery를 사용하기 위해서는 어떻게 세팅하는지에 대해서 알아보고자 한다. jQuery를 추가하는 방법은 2가지가 있다. URL을 이용해서 라이브러리를 추가하거나 혹은 라이브러리를 다운받아 나의 프로젝트의 특정폴더에 넣어두고 가져다 사용하는데 이는 개발자가 선호하는 방향으로 결정하면 되겠다. URL이용 방법(CND 방식) 직접 추가하는 방법 참고로 jQuery는 아래 사이트에서 다운로드 가능하다. https://jquery.com/download/ 다운로드 받는 .. 2019. 5. 14.

티스토리툴바