본문 바로가기

컴퓨터

CSS 기본편 [HTML에 포함시키기] HTML 문서의 head 내에 아래 코드를 추가한다. 위의 코드는 현재 주소 하위의 style 디렉토리를 참조한다. public 하위의 style 디렉토리를 참조하려면 아래 코드를 사용한다. [CSS 저장 디렉토리 생성] ~/app/public$ mkdir style [CSS 파일 생성] ~/app/public/style$ vi mystyle.css [단위] mm, px, %, em [폰트] 사이즈 font-size: 15px; 색상 color: Red; ※ 인풋창과 버튼의 폰트 사이즈를 동일하게 맞춰야 서로 높이가 같아진다. [테두리] border: 1px solid Black; [사이즈] 넓이 width: 100%; 높이 height: 50px; [문단] 문단 정렬 t..
골드웨이브 Goldwave [재생] 현 위치부터 재생 F4 처음부터 재생 F2 [편집] 전체 선택 Ctrl+A 복사 Ctrl+C 끝에 붙여넣기 Ctrl+F
NodeJS EJS [서버 작성] ~/app$ vi main.js ... //서버 설정 app.set("view engine", "ejs"); app.set("views", "./views"); ... [라우팅 모듈 작성] ~/app/routes$ vi show.js ... //페이지 라우트 router.get('/', function(req, res) { let result = [{name: "홍길동", age: 30}, {name: "임꺽정", age: 40}]; res.render("show", {data: result}); }); ... ※ 만약, 전달할 내용이 없다면 render 함수의 두번째 매개변수는 생략한다. [템플릿 모듈 설치하기] ~/app$ npm install ejs --save [템플릿 디렉토리 생성..
NodeJS 클라이언트에게서 정보 전달 받기 [GET 방식으로 받기] 1. 쿼리스트링 파라미터로 받기 클라이언트에서 GET 방식으로 정보를 보낼 때는 아래와 같이 주소창을 통해서 전달한다. http://test.co.kr/?id=hello&pw=world * 라우터 모듈 작성 app/routes$ vi info.js //외부 모듈 추출 const express = require("express"); const router = express.Router(); //페이지 라우트 router.get('/', function(req, res) { let name = req.query.name; let age = req.query.age; res.send("이름: "+name+" 나이: "+age); }); //info.js 를 main.js 에 모듈로 내..
HTML 기본편 [HTML이란?] HTML(HyperText Markup Language)은 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어다. [태그란?] 「」 같이 생긴 것을 태그라고 한다. 즉 「」로 묶인 일련의 명령어이다. [태그 종류] - 시작태그 : - 종료태그 : - 빈태그 : , , , 등 [태그의 구성] 시작태그는 "속성(attribute)"과 "값(value)"을 가질 수 있다. 위에서 시작태그는 속성과 값을 가지고 있는데 "href"는 속성이고 "www.google.com"이 값이다. [엘리먼트란?] 구글 위와 같이 내용을 포함해 시작태그와 종료태그까지를 엘리먼트라고 한다. ※ 빈 태그도 엘리먼트라고 할 수 있다. [확장자] html 파일의 확장자는 「html」이다. app/pu..

티스토리툴바