코딩 일기장

[HTML Forms] action attribute submit 버튼을 누르면 form의 action attribute에 있는 서버로 데이터가 전송된다 default action은 현재 페이지 method get : 데이터를 전송하면 페이지 주소에 데이터가 명시됨. 데이터가 드러나개 됨 ex)action_page.php?firstname=John&lastname=Doe post : 공개적으로 드러나면 안되는 개인 정보의 경우 post방식으로 target _blank, _parent, _top 새로운 페이지가 나오는 방식 type text submit radio name name을 적지 않으면 submit을 해도 서버로 데이터가 전송되지 않음 라벨의 영역을 클릭하면, 라벨의 for attr에 입력된 el..

HTML (Hyper Text Markup Language) 웹페이지의 구조를 표현해주는 언어 Content ~ : 본문 태그 안에서의 줄바꿈이나 여러개의 스페이스는 자동으로 무시함 자동으로 줄바꿈 일어남 : 줄바꿈과 여러개의 스페이스도 그대로 적용되어 보여줌 : 설정한 주소로 이동할 수 있는 링크 : src에 이미지가 있는 경로를 입력한다 : 줄바꿈 : horizontal line, 수평으로 line break 제공 각 태그마다 attribute를 가지고 있음 ex) ex) - src, width, height, alt(이미지가 없을 때 대체 텍스트) : style attr를 사용하면 모든 스타일을 적용할 수 있다 : 마우스 커서를 올렸을 때 나오는 tooltip을 생성함 property backgro..

* error: failed to push some refs to 'https://github.com/~~~' hint: Updates were rejected because the tip of your current branch is behind hint: its remote counterpart. Integrate the remote changes (e.g. hint: 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details. 이 오류는 현재 로컬 저장소와 원격 저장소의 상태가 다를 때 발생하는 것. 그래서 pull을 해줘서 로컬과 원격 저장소의 상태를 동일하..

이번 포스팅에서는 이전 글에서 만든 CRUD게시판을 Heroku를 통한 무료 호스팅을 사용해보겠습니다. 1. heroku login heroku 웹사이트가 자동으로 열리면서 로그인을 해줍니다. 2. heroku create or heroku create 프로젝트 이름을 따로 생성하지 않으면 랜덤으로 이름이 만들어집니다. 전자의 주소를 통해 호스팅한 웹페이지를 들어갈 수 있고, 후자의 깃 주소를 통해 heroku에 우리의 프로젝트를 올릴 수 있습니다. heroku는 git push를 통해 이루어집니다! https://.herokuapp.com/ : 웹사이트 접속 주소 https://git.heroku.com/.git : remote할 git 주소 3. git init 4. git remote add her..

sqlite, node js, express를 사용한 CRUD게시판 만들기 포스팅입니다. 1. 기본 세팅 완료하기 작업할 디렉토리를 설정하고 npm init 더보기 작업에 필요한 모듈 설치하기 npm install express npm install ejs npm install sqlite or npm install express ejs sqlite3 2. ejs view 생성하기 현재 작업중인 디렉토리에 views 폴더를 생성한다. 작업에 필요한 index.ejs, header.ejs, footer.ejs를 생성한다. 기능별로 조각 조각으로 view들을 쪼개서 작업을 할 수 있다. // header.ejs AppTest About Data Books // footer.ejs © 2019 - AppTes..

저번 게시물 curd 게시판 만들기(1)과 이어지는 포스팅입니다~ https://zellwk.com/blog/crud-express-mongodb/ 저번 포스팅에서 말했듯이 위의 링크를 참고하였고, 상세한 MongoDB 설치법은 위의 링크를 참고해주세요! crud게시판에서 우리는 MongoDB를 사용하여 구현할 것이다. 1. MongoDB 설치하기 npm install mongodb --save const MongoClient = require('mongodb').MongoClient MongoClient.connect('mongodb-connection-string', (err, client) => { // do something here }) 2. MongoDBAtlas에서 데이터베이스를 생성하자 h..

node js의 express, MongoDB를 사용해서 CRUD 게시판을 만들어보자. 이 게시물은 https://zellwk.com/blog/crud-express-mongodb/ 사이트를 참고하여 쓰여졌습니다! CRUD - Create Read Update Delete 우선적으로 node js의 설치가 되어 있어야 한다. 터미널에서 node -v 명령어를 통해 버전을 체크해보자! 1. 작업을 진행할 디렉토리를 하나 만든다. 2. npm init 명령어를 통해 package.json 파일을 생성한다. 모두 enter를 치면 default값으로 세팅되어 파일이 생성된다. 3. touch server.js 명령어를 통해 파일을 생성한다 안에 console.log('May Node be with you') ..

- ex) function의 형태 function myFunction() { document.getElementById("demo").innerHTML = "Paragraph changed."; } document: body의 모든 elemente들을 의미함 - innerHTML : HTML element에 접근하기 위한 방법 document.getElementById document.getElementById('id명').innerHTML --> 해당 ID를 가진 element의 내용을 바꿀 수 있다 document.getElementById('id명').src = 'jpg' --> id를 가진 element의 src값을 변경할 수 있다 src를 비롯해 모든 style 변경 (fontsize, disp..

문제 RGB거리에는 집이 N개 있다. 거리는 선분으로 나타낼 수 있고, 1번 집부터 N번 집이 순서대로 있다. 집은 빨강, 초록, 파랑 중 하나의 색으로 칠해야 한다. 각각의 집을 빨강, 초록, 파랑으로 칠하는 비용이 주어졌을 때, 아래 규칙을 만족하면서 모든 집을 칠하는 비용의 최솟값을 구해보자. - 1번 집의 색은 2번 집의 색과 같지 않아야 한다. - N번 집의 색은 N-1번 집의 색과 같지 않아야 한다. -i(2 ≤ i ≤ N-1)번 집의 색은 i-1번, i+1번 집의 색과 같지 않아야 한다. 입력 첫째 줄에 집의 수 N(2 ≤ N ≤ 1,000)이 주어진다. 둘째 줄부터 N개의 줄에는 각 집을 빨강, 초록, 파랑으로 칠하는 비용이 1번 집부터 한 줄에 하나씩 주어진다. 집을 칠하는 비용은 1,0..

문제 한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간에 중단될 수 없으며 한 회의가 끝나는 것과 동시에 다음 회의가 시작될 수 있다. 회의의 시작시간과 끝나는 시간이 같을 수도 있다. 이 경우에는 시작하자마자 끝나는 것으로 생각하면 된다. 입력 첫째 줄에 회의의 수 N(1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 N+1 줄까지 각 회의의 정보가 주어지는데 이것은 공백을 사이에 두고 회의의 시작시간과 끝나는 시간이 주어진다. 시작 시간과 끝나는 시간은 2^31-1보다 작..