일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바
- MongoDB
- CTF
- wargame.kr
- 포렌식워게임
- nodeJS
- Express
- mongoose
- gitbash
- NavBar
- 자바문제풀이
- 웹해킹기초
- 자료구조
- 그래프
- 써니나타스
- 뷰
- bootstrap
- 워게임
- 워게임추천
- 이진탐색트리
- 웹개발
- 자바기초
- materialize
- node
- 웹해킹
- GIT
- node.js
- 포렌식
- 웹기초
- 이진트리
- Today
- Total
목록WEB (34)
보안 전공생의 공부
// public/js/script.js $(function(){ function get2digits (num){ return ('0' + num).slice(-2); } function getDate(dateObj){ if(dateObj instanceof Date) return dateObj.getFullYear() + '-' + get2digits(dateObj.getMonth()+1)+ '-' + get2digits(dateObj.getDate()); } function getTime(dateObj){ if(dateObj instanceof Date) return get2digits(dateObj.getHours()) + ':' + get2digits(dateObj.getMinutes())+ ':..
1. 게시물 model 만들기 //models/Post.js const mongoose = require('mongoose'); const postSchema = mongoose.Schema({ title:{type:String, required:true}, body:{type:String, required:true}, createdAt:{type:Date, default:Date.now}, updatedAt:{type:Date}, }); const Post = mongoose.model('post', postSchema); module.exports = Post; - Post의 schema 구성 -> title, body, createdAt, updatedAt createdAt:{type:Date, d..
· bootstrap : 빠르고 간편한 html, css, js 프레임워크 https://getbootstrap.com/docs/4.1/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page. getbootstrap.com 위 bootstrap 공식 사이트에서 제공하는 방법으로 bootstrap을 설정한다. My Website viewport는 display상에서 웹페이지가 보여지는 영역이다. 데스크탑 viewp..
· module : 보다 작고 이해할 수 있는 단위로 나뉘어진 것 - 본체에서 분리되어 작은 부분으로 유기적으로 구성되어 있다가, 필요할 때 본체에 합류하여 그 기능을 수행할 수 있는 것 · 모듈화 : 거대한 문제를 작은 조각의 문제로 나누어 다루기 쉽도록 하는 과정 (출처 : http://www.ktword.co.kr/test/view/view.php?m_temp1=2226 ) -> module은 다른 파일에 있는 object를 불러와서 현재 파일에서 사용하는 것 다른 파일의 object를 불러오기 위해서는 해당 object를 module.exports에 담아주어야 함 다른 파일의 module을 불러오기 위해서는 require 함수 사용. require 함수의 parameter로 대상 module의 상..
7 Stadard Actions 중 나머지 show, edit, update, destroy를 구현하여 주소록을 생성하였다. -> show : 전체 index에서 하나를 선택하면 해당 데이터를 보여줌 -> edit : 해당 데이터를 수정할 수 있는 form을 만들어서 이 정보를 서버로 전달 -> update : 서버가 이 정보를 사용해서 DB에서 정보 수정 -> destroy : 해당 데이터를 삭제 가능 우선, 필요한 패키지를 설치한다. npm install method-override --save · methodOverride() : 웹브라우저의 form은 GET, POST만 허용한다(PUT, DELETE 등을 허용하지 않음). 그렇기에 브라우저에서 허용하지 않는 method 값을 query로 받아서 ..
· CRUD(Create, Read, Update, Delete) : 데이터의 생성, 조회, 수정, 삭제가 가능한 기능을 말함 · 7 Standard Actions : CRUD를 7개로 더 세분화 한 것. 웹사이트가 어떠한 종류의 데이터를 가지고 하는 일반적인 7개의 작업을 나타낸다 (필연적인 것은 아니고 권장사항). - New : 생성폼을 사용자에게 보여줌 - Create : 전달 받은 자료를 실제로 생성 - Edit : 수정폼을 사용자에게 보여줌 - Update : 전달 받은 자료를 바탕으로 현재 자료를 실제로 수정 - Index : 자료들의 목록을 조회 - Show : 하나의 자료를 상세히 보여줌 - Destroy : 자료를 삭제 출처 : https://www.a-mean-blog.com/ko/bl..
· 전역함수(global variable) vs 지역함수(local variable) : 전역함수는 프로그램 전체에서 접근 가능, 지역함수는 일정한 범위 내에서만 접근 가능 · 환경변수(environment variable) : 변수를 프로그램이 실행되는 환경에 저장하여 해당 시스템의 모든 프로그램들이 사용할 수 있는 변수 ex) PATH (PATH에 등록된 경로에 있는 실행파일들은 어디서든 실행 가능함) mogoDB에 가입하여 DB를 사용할 준비를 해야한다. 먼저, datbase user을 생성하였다. 그리고 IP whitelist를 설정하였다. Allow access frome anywhere로 access를 설정하여 아무 IP에서나 접속이 가능하다. 이제 cluster connection을 하면 된..
app.use(express.static(__dirname+'/public')); app.use 함수는 app.get과 다르게 HTTP method나 route에 상관없이 서버에 요청이 올 때마다 무조건 콜백함수가 실행된다. 위에서는 express.static(__dirname+'/public')를 호출하고 있다. 이는 node.js에서 프로그램이 실행중인 파일의 위치/public route를 static 폴더로 지정하는 것이다. 따라서 '/'에 접속하면 '파일 위치/public'에 연결되고, '/css'에 접속하면 '파일 위치/public/css에 연결된다. /public 폴더에서 보여줄 index.html파일 공부하는 휴학생 현재시간 /* public/css/master.css */ h1{ font-..