d-_-s d-_-s

웹 프로그래밍의 개요웹 프로그래밍(Web Programming)은 사용자가 웹 브라우저를 통해 필요한 정보를 서버에게 요청하면 서버는 요청한 정보를 데이터베이스(DB)에서 발췌하여 요청한 사용자에게 해당 정보를 제공하는 유기적인 관계로 이루어지는 웹 프로그램의 구동을 의미한다. 웹프로그래밍의 구동 순서1. 서비스 요청2. URL주소 입력3. 서버 접속4. DB 접속5. 테이블 검색6. 관련 정보 발췌7. 서비스 전송8. 서비스 제공9. 요청한 서비스 활용 웹 애플리케이션웹 애플리케이션(Web Application)이란 소프트웨어 공학적 관점에서 살펴보면 인터넷이나 인트라넷을 통해 웹 브라우저에서 이용할 수 있는 응용 소프트웨어를 의미한다. 웹 서버와 클라이언트웹 애플리케이션을 활용할 수 있는 환경을 구축..

스프링이란? 스프링은 표준 및 엔터프라이즈 자바 으용 프로그램을 신속하게 개발하는 데 널리 사용되는 오픈소스 프레임워크이다. 보통 '스프링'이라고 하지만, 정확한 표현은 '스프링 프레임워크'이다. 스프링을 채택하는 이유 스프링을 채택하는 이유는 JAVA EE 플랫폼에서 웹 애플리케이션을 신속하게 개발할 수 있고 모든 인프라 요구 사항을 제공하는 경량급 오픈 소스 프레임워크이며 규모가 큰 애플리케이션을 개발할 때 복잡함을 제거하여 훨씬 빠르고 간편하게 개발하고 효율적으로 구현할 수 있어 생산성과 품질 면에서도 우수하다. 또한 개발이 완료된 후 사후 관리를 위한 유지 보수도 손쉽게 할 수 있다. 이처럼 스프링은 사용성과 확장성뿐만 아니라 대규모 서버로서 성능도 뛰어나기 때문에 이미 다양한 환경에서 검증되어 ..

https://api.jquery.com/ jQuery API Documentation jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new t api.jquery.com

HTML HTML은 웹 브라우저 창에 웹 문서의 내용을 보여 주는 데 필요한 약속이라고 할 수 있다. HTML은 웹 브라우저의 여러 내용 중에서 제목과 본문, 이미지, 표와 같은 웹 요소를 알려 주는 역할을 한다. CSS CSS는 HTML로 만든 내용을 사용자가 알아보기 쉽게 꾸미거나 사용하기 편리하도록 배치할 때 사용합니다. 규격이 정해진 PC나, 모바일 화면에 여러 내용을 보여 줘야 하므로 CSS를 이용해서 웹 요소를 적절하게 배치하고 필요한 곳을 강조할 수 있다. 자바스크립트 요즘 웹 사이트는 단순히 내용을 보여 주는 것에 그치지 않고 사용자가 클릭하거나 스크롤하는 동작에 따라 반응한다. 동적인 효과를 사용하려면 자바스크립트가 필요하다. 프레임워크 프레임워크란 프로그램을 만들 때 필요한 여러 기능을..

웹 개발이란? 웹 개발이라고 하면 가장 먼저 '웹 사이트를 만드는 것'을 생각한다. 하지만 요즘 웹 사이트를 보면 그리 간단해 보이지 않는다. 방문자에게 정보를 보여 주기만 하는 웹 사이트는 비고적 간단하다. 이런 웹 사이트를 정적 사이트라고 한다. 하지만 웹 개발은 이렇게 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다. 서비스도 제공하고 기능까지 포함해야 한다. 이러한 웹 사이트를 동적 사이트라고 한다. 즉, 웹 개발은 웹 사이트에서 사용자에게 제공할 기능과 서비스까지 모두 담을 수 있어야 한다. 서버와 클라이언트 사용자는 웹 브라우저에서 정보를 입력하거나 링크를 클릭하면 웹 사이트는 인터넷에 연결된 컴퓨터에서 정보를 가져와서 웹 브라우저에 보여 준다. 이때 인터넷에 연결된 컴퓨터를 서..

Git이란? 버전 관리 시스템 중 하나이다. 소프트웨어를 개발하는 기업의 핵심 자산인 소스코드를 효과적으로 관리할 수 있게 해주는 무료 공개 소프트웨어이다. 특징 - 분산형 관리 시스템이다. - 병렬 개발이 가능하다. - 브랜치를 통해 개발한 뒤, 본 프로그램에 합치는 방식으로 개발을 진행할 수 있다. - 분산 버전관리 시스템이기 때문에 인터넷이 연결되지 않은 곳에서도 개발을 진행할 수 있으며, 중앙 저장소가 날아가도 복원할 수 있다. - 체계적인 개발이 가능하다. GitHub란? 협업하고 있는 코드를 저장할 서버가 필요하다. 버전 관리 시스템을 지원하는 웹호스팅 서비스의 기능으로, push, pull request 같은 이벤트에 반응하여 자동으로 작업을 실행할 수 있다. 용어 - Repository :..

소프트웨어 개발 보안이란? '소프트웨어(SW) 개발보안'은 SW 개발과정에서 개발자의 실수, 논리적 오류 등으로 인해 SW에 내포될 수 있는 보안취약점의 원인, 즉 보안약점을 최소화하는 한편, 사이버 보안위협에 대응할 수 있는 안전한 SW를 개발하기 위한 일련의 보안활동을 의미한다. 입력 데이터 검증 및 표현 SQL 삽입 예제 1 예제 2 자원 삽입 예제 1 예제 2 크로스 사이트 스크립트 예제 1 예제 2 운영체제 명령어 삽입 예제 1 위험한 형식 파일 업로드 예제 1 예제 2 신뢰되지 않는 URL 주소로 자동 접속 연결 예제 1 예제 2 SQuery 삽입 예제 1 예제 2 XPath 삽입 예제 1 예제 2 LDAP 삽입 예제 크로스사이트 요청 위조 예제 상대 디렉터리 경로 조작 예제 1 예제 2 절대..

루트 디렉터리에 middleware 폴더 생성 middleware 폴더에 auth.js 구현 // User 모델을 불러옴 const { User } = require('../models/User'); let auth = (req, res, next) => { // 인증 처리를 하는 곳 // 클라이언트 쿠키에서 토큰을 가져온다. let token = req.cookies.x_auth; // 토큰을 복호화한 후 유저를 찾는다. User.findByToken(token, (err, user) => { if (err) throw err; if (!user) return res.json({ isAuth: false, error: true }) req.token = token; req.user = user; nex..