WEB
-
[JSP] Servlet MappingWEB/JSP 2022. 9. 16. 02:24
Servlet Mapping이란 특정 servlet을 요청할 때, 전체 경로를 url에 사용하면 복잡하고 보안에도 취약하기 때문에 간단하게 경로를 표현해주는 것이다. servlet 매핑 방법은 두 가지가 있다. 1. xml 이용 2. annotaion 이용 xml을 이용하여 servlet mapping - servlet-name: servlet의 별칭 - servlet-class: servlet의 저장위치 - servlet mapping을 하기 위해서는 servlet-mapping 태그가 필요 - servlet-name: servlet-name과 같은 값 - url-pattern: 해당 servlet의 경로를 간단하게 나타내주는 것으로 이 값을 url 뒤에 추가해주는 것 annotation을 이용하여 s..
-
[WEB] HTTP와 HTTPSWEB 2022. 9. 15. 23:10
https://ko.wikipedia.org/wiki/HTTP HTTP - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. HTTP(HyperText Transfer Protocol, 문화어: 초본문전송규약, 하이퍼본문전송규약)는 W3 상에서 정보를 주고받을 수 있는 프로토콜이다. 주로 HTML 문서를 주고받는 데에 ko.wikipedia.org HTTP(HyperText Transfer Protocol)는 주로 HTML 문서를 주고받는 데에 쓰인다. 주로 TCP를 사용하고 HTTP/3부터는 UDP를 사용하며, 80번 포트를 사용한다. HTTP는 클라이언트와 서버 사이에 이루어지는 요청/응답(request/response) 프로토콜이다. 예를 들면, 클라이언트인 웹 브라우저가 HTTP를..
-
[WEB] HTTP 주요 에러 코드WEB 2022. 9. 15. 22:57
HTTP 상태 코드는 클라이언트가 보낸 HTTP 요청에 대한 서버의 응답 코드로, 상태 코드에 따라 요청의 성공/실패 여부를 판단 1XX(조건부 응답): 요청을 받았고, 작업을 계속 진행 중이라는 의미. 101: Switching Protocols 103: Early Hints Link 헤더와 함께 사용되며 주로 서버가 응답을 준비하는 동안 사용자가 사전로딩을 할 수 있도록 하는 응답코드 2XX(성공): 요청을 성공적으로 받았음을 의미 200: OK 성공적으로 처리했을 때 쓰인다. 가장 일반적으로 볼 수 있는 HTTP 상태 204: No Content 서버가 요청을 성공적으로 처리했지만 콘텐츠를 제공하지는 않는다. API요청에서 주로 사용된다. 206: Partial Content 컨텐츠의 일부 부분만 ..
-
[Node.js] node.js에서 pug 연결WEB/NodeJS 2022. 9. 15. 22:33
pug는 HTML 템플릿 엔진이다. 템플릿 엔진은 자바스크립트를 사용하여 HTML을 렌더링할 수 있게 해준다. HTML과 아주 살짝 다른 문법을 가지고 있다. 1. 닫는 태그 사용 X 2. id는 #container과 같이 #을 입력하고 클래스는 .col처럼 .을 입력 3. 태그 사이가 아닌 태그의 속성으로 넣으려면 () 사용 ex) html(lang='en') HTML Pug - node template engine You are amazing Pug is a terse and simple templating language with a strong focus on performance and powerful features. Pug doctype html html(lang="en") head titl..
-
[JS] 자바스크립트 유효성 검사WEB/JavaScript 2022. 9. 14. 10:55
ver1. 정규표현식 사용 X 회원 기본 정보 아이디: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자와 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 개인 신상 정보 생일: 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: var arr = []; var i = 0; for(var j = 48; j < 58; j++){ arr[i++] = j; } for(var j = 65; j < 91; j++){ arr[i++] = j; } fo..
-
-
[JS] 자바스크립트 계산기WEB/JavaScript 2022. 9. 13. 14:13
index.html Clear = 1 2 3 + x^y 4 5 6 - sin 7 8 9 * cos 0 +/- . / tan index.js var count = -1; var x, y, op; var resultTag = document.querySelector(".output"); var btn2 = document.querySelector(".btn2"); function cal(self){ if(self.id != null){ if(self != btn2){ btn2.id = "+/-"; } if(self.id == "num"){ // 숫자 if(count == -1){ // 처음 숫자가 눌릴 때, 앞자리가 0인 것을 막기 위해 if(self.innerHTML == 0){ resultTag.valu..
-
[Node.js] Node.js 환경설정(VSC)WEB/NodeJS 2022. 9. 11. 23:16
Node.js 공부를 시작하기 앞서 환경설정부터 시작하려고 한다. 1.Node.js 설치 - https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 안정적으로 사용하기 위해서는 최신버전보다는 이전 버전을 추천한다. 2. package.json - 터미널에 npm init 입력 - pacakage.json 파일이 자동으로 만들어지면 scripts에 다음과 같이 추가한다. - 이제 파일 실행할 때는 npm run dev 3. express 설치 - npm i express 또는 npm install express - Express는 웹 및 모바일 애플리케이션을..