보안 전공생의 공부

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을 하면 된..

※ EJS (Embedded JavaScript) : express에서 dynamic website(동적 웹사이트)를 만들기 위해 template로 사용되는 파일.(확장자: .ejs) 우선, 터미널에서 ejs package를 설치한다. ejs를 사용하기 위해서는 다음과 같은 코드가 필요하다. · express의 view engine에 ejs를 set하는 코드 //index.js app.set('view engine','ejs')//템플릿 엔진 · query를 통해 이름을 받기 위한 코드 //index.js app.get('/welcome', (req,res)=>{ res.render('welcome', {name:req.query.nameQuery}); }) - req.query에 query들이 저장된다..

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

express.js는 node.js를 위한 웹 프레임워크이다. 우선 node.js를 설치해야하는데 내 노트북에는 기존에 설치한 적이 있다. (nodejs.org 페이지에서 설치하면 됨) asdf1이라는 폴더를 만들었다. 폴더 밑에 app.js 파일을 하나 만들어서 node.js가 잘 되는지 확인해보았다. 터미널에 node (폴더명)을 입력하면 실행된다. 콘솔창에 helo world! 가 출력되는 것을 보면 잘 실행되고 있음을 확인할 수 있다. npm은 node package manager의 약자로, 오픈소스라고 볼 수 있다. 따라서 필요한 기능이 있을 때 npm ~~로 구글링하면 그 기능을 구현하기 위해 필요한 외부모듈을 찾을 수 있다. 필요한 모듈을 설치할 때는 터미널에 npm install (모듈명)..

* SSR(Server-side rendering) : 서버에서 사용자에게 보여줄 페이지를 모두 구성한다. 모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있다. 단 - 서버를 이용하기 때문에 페이지를 구상하는 속도가 CSR에 비해 늦음 장 - 사용자에게 보여주는 콘텐츠 구성이 완료되는 시점은 CSR에 비해 빠름 * CSR(Client-side rendering) : 서비스 페이지를 보이는데 필요한 데이터를 클라이언트(브라우저)에서 구성한다. 단 - 전체적인 페이지 완료 시점은 SSR보다 느림 장 - 초기 전송되는 페이지의 속도가 SSR보다 빠름 * SPA(single-page application) 전통적인 웹 사이트는 어떤 요소 하나를 한 번 클릭하면 서버로부터 완전한 ..

클라이언트가 주소창에 www.naver.com을 입력하면 어떤 과정을 통해 네이버 홈페이지가 화면에 뜨게 되는 걸까 ? 1. www.naver.com의 IP주소 찾기 1) 로컬 DNS 캐시 검색 웹 브라우저는 로컬 DNS 캐시를 통해 www.naver.com에 해당하는 도메인네임을 찾고, 이에 매칭되는 IP주소를 반환한다. 2) DNS 서버에 요청 만약 DNS 캐시에 www.naver.com에 해당하는 도메인네임이 없다면, DNS서버에 해당 주소에 매칭되는 IP주소를 요청하여 반환받는다. * DNS : 도메인네임과 IP주소를 매칭한 전화번호부 역할의 서버 DNS 캐시 : 전화번호부의 로컬 사본. 최근 방문한 기록을 토대로 도메인네임과 해당 IP주소를 캐싱함. 매번 DNS 서버에 요청하는 것보다 프로세스 ..