응애 개발자 응애 개발자

Node.js를 이용하여 게시판을 만들어 보았다. 데이터베이스를 연결하지 않고 배열에 객체를 저장하는 방식을 선택했다. 해당 객체에는 글 번호, 글 제목, 내용, 작성자가 들어가 있다. css는 bootstrap과 mvp.style을 사용했는데, mvp 사용에 익숙하지 않아 디자인이 이쁘지 않은 점이 가장 큰 문제다. 다음에는 MySql이나 MongoDB를 연결하고 디자인도 더 이쁘게 만들어야겠다. Node.js 게시판 CRUD server.js import express from "express"; import morgan from "morgan"; // middleware import boardRouter from "./routers/boardRouter.js"; const PORT = 4000; c..

Pug의 큰 부분을 나누어 partial로 관리하는 방법에 대해 알아보자 test.pug - 다음 코드는 pug를 partial로 관리하지 않았을 때 코드 doctype html html(lang="ko") head meta(charset="UTF-8") meta(http-equiv="X-UA-Compatible", content="IE=edge") meta(name="viewport", content="width=device-width, initial-scale=1.0") link(rel="stylesheet" href="https://unpkg.com/mvp.css") title Test body header h1 Test main center Pug연습 footer © #{new Date().get..

Servlet Servlet 클래스는 HttpServlet 클래스를 상속받음 클라이언트 요청에 따라 서블릿 컨테이너는 service() 메서드를 호출 service() 메서드는 요청이 GET인지 POST인지 구분하여 각각 doGet(), doPost() 메서드를 호출 Get & Post Get방식 Post방식 URL값으로 정보가 전송되어 보안에 약함 header를 이용해 정보가 전송되어 보안에 강함 Form태그 method 속성값 = get Form태그 method 속성값 = post HttpServlet 클래스 HttpServlet 클래스에서 사용자 요청을 처리하는 doGet/doPost 메서드는 모두 HttpServletRequest와 HttpServletResponse 객체를 매개변수로 가지고 있다..

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..

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를..

HTTP 상태 코드는 클라이언트가 보낸 HTTP 요청에 대한 서버의 응답 코드로, 상태 코드에 따라 요청의 성공/실패 여부를 판단 1XX(조건부 응답): 요청을 받았고, 작업을 계속 진행 중이라는 의미. 101: Switching Protocols 103: Early Hints Link 헤더와 함께 사용되며 주로 서버가 응답을 준비하는 동안 사용자가 사전로딩을 할 수 있도록 하는 응답코드 2XX(성공): 요청을 성공적으로 받았음을 의미 200: OK 성공적으로 처리했을 때 쓰인다. 가장 일반적으로 볼 수 있는 HTTP 상태 204: No Content 서버가 요청을 성공적으로 처리했지만 콘텐츠를 제공하지는 않는다. API요청에서 주로 사용된다. 206: Partial Content 컨텐츠의 일부 부분만 ..

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..

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..