Study

[CSS_study] display : block, inline, inline-block

* display : block div는 기본적으로 display : blcok이다. block는 element이고 block옆에는 어떠한 element도 올 수 없다. * display : inline inline는 box가 아니다. inline는 element이다. inline는 유동적이여서 너비와 높이가 없다. 같은 직선에 있다는 말이다. (ex. text는 inline이다, text는 box가 아님) inline은 너비와 높이를 함께 쓸 수 없으며 inline을 쓰면 block(=box)의 속성을 모두 잃는다. * display : inline-block inline-block은 block의 속성을 가지고 있어서 너비와 높이가 있다. 또한 block이 서로 옆에 있을 수 있다. (참고) inlin..

[Node.js] Mongodb Database에 자료 저장하는 법

* database/ collection 만들기 * 자료를 저장하기 위해선 일단 MongoDB에 저장할 폴더와 파일을 만들어야한다. 계정 안에 있는 여러가지 database와 collection에 자료를 저장할 것이다. database를 하나 만들어보도록 한다. 1. MongoDB Atlas 메인 대시보드에서 Collections 라는 버튼을 클릭 2. Add my own data 버튼을 클릭 (혹은 이미 뭐가 있다면 create database) 3. database 이름, collection 이름을 정해준 다음 저장 (참고) database와 collection의 차이점은 > database는 하나의 폴더, collection은 하나의 엑셀파일이라고 생각된다. * server.js에 코드를 구성하여 ..

[Node.js_study] MongoDB 셋팅하기

* DB 종류 (관계형) MySQL MariaDB Oracle MS SQL Server > SQL 이라는 언어를 써야함 * DB 종류 (NoSQL) Dynamo Oracle NoSQL MongoDB Redis Cassandra > Object 자료형으로 입출력 가능 * MongoDB를 사용하는 이유 - 처음 다룰 때 어려운 셋팅작업이 필요하지 않음 (스키마 생성 등 필요없음) - SQL 안배워도 된다. - 복잡한 자료형 몰라도 된다. - 평생 무료 호스팅해주는 곳이 있음 (Mongo Atlas) * MongoDB Atlas 가입/초기셋팅 방법 1. 구글에 Mongodb atlas 라고 검색해서 홈페이지를 방문 및 가입 2. 무료 티어를 선택합니다 3. 서버위치를 선택합니다. (한국과 가장 가까운 곳을 골..

[Node.js_study] REST API란???

* REST란? Representational State Transfer의 약자 자원(URI), 행위(HTTP Method), 표현(Representations)로 구성되어 있다. * API란? Application Programming Interface의 약자 서로 다른 프로그램간에 소통할 수 있게 도와주는 통신 규약을 뜻한다. 이걸 웹에서 사용하면 '서버와 고객간의 통신 규약'을 뜻한다. 조금 더 쉽게 풀어말하면 '서버에게 요청해서 데이터 가져오는 방법' 이 바로 API이다. ex) "/write로 접속하면 write.html을 보내주세요" 와 같은것이 서버의 API이다. * REST API는 무엇인가 Representational State Transfer API 디자인 방법입니다. (RESTful..

[Node.js_study] 폼에 입력한 데이터를 서버에 전송하기 (POST요청)

1. form 태그 셋팅 > form 데이터를 서버로 전송 HTML의 form 내의 input들에 입력한 데이터들을 서버로 전송할 수 있다. 전송하고 싶다면 여러분이 form 태그에 여러가지 전송 방법들을 명시해주면 된다. * form 형식 예시 코드 Title Content Submit * form submit 버튼을 누를 시 /write 라는 경로로 POST 요청을 하는 form이다. * form태그의 method 속성은 GET/POST중에서 어떤 요청을 할 건지 작성해주는 부분 * action은 어떤 경로로 요청을 할건지 정해주는 부분 * 각각의input마다 name속성을 주어서 어떤 input에서 작성된 데이터인지 알 수 있다. 2. body-parser 설치 1번까지 해도 데이터가 잘 전송되긴 ..

[Node.js_study] 서버에서 HTML 파일전송(GET요청)

client : 주소창에 URL을 입력해서 서버에 GET요청을 할 수 있음 서버 : 누군가 /pet으로 들어오면 /pet에 대한 데이터를 보내주세요. 라고 코드를 구성 * 누군가 GET 요청시 HTML 파일을 보내주도록 합시다. (server.js랑 같은 폴더에 index.html 생성 후 작성) 안녕하세요 홈페이지입니다. server.js (server.js) app.get('/', function(req, res) { res.sendFile(__dirname +'/index.html') }); * 누군가 / 경로로 접속시 (/ 하나만 있으면 홈페이지입니다) server.js랑 같은 경로에 있는 /index.html 이라는 파일을 보내줍니다. * sendFile() 함수를 쓰면 파일을 보낼 수 있습니다..