본문 바로가기

WEB

(28)
Node.js 방명록 제작 - 방명록 제작하면서 가장 힘들었던 부분, 실수들 ​ 1. 일단 내가 방명록 틀을 짤 때 한 페이지에 글 작성과, 작성한 글의 내용이 나타나면 조금 더 수월했을 텐데 글쓰는 페이지와 글을 나타내는 페이지를 다르게 제작하였다. → 파일 업로드는 글쓰는 페이지에, 파일 다운로드는 글을 나타내는 페이지에 나타나게 하는 등 훨씬 복잡하게 코드를 작성하게 됨. ejs 파일을 두 개 생성하게 되어 더욱 헷갈렸음. ​ 2. 경로 문제!! 정말 방명록 만들면서 경로 삽질을 엄청나게 했다... 만들 때 1번 처럼 생각해버려 ejs 파일을 2개로 만들었다 = 경로 꼬임 특히 ./ [상대경로] 과 / [절대경로] 이런 식으로 경로가 계속 꼬여서 일주일은 경로 이해 + 삽질 했던 것 같다. 폴더가 많다보니 이해 안 하고 경로..
Node.js와 MySQL 연동 (express 사용) const mysql = require("mysql"); const connection = mysql.createConnection( { host: 'host 이름', user: '사용자 이름', password: '비밀번호', port: '포트번호', database: '사용할 DB 이름' }); connection.connect(function(err){ if (err) console.log(err); else console.log('Connected!'); }); module.exports = connection; db.js const express = require("express"); const ejs = require("ejs"); const path = require("path"); cons..
Node.js로 웹페이지 생성(express 사용) var express = require("express"); var app = express(); app.listen(3000, function () { console.log("listening on port 3000"); }); app.get("/", function (req, res) { res.sendFile(__dirname + "/public/index.html"); }); study.js 생성 ​ Public 폴더 안에 index.html 생성 3000포트가 열린 것을 확인! + var express = require("express"); var app = express(); app.listen(3000, function () { console.log("listening on port 3000..
Node.js, NPM ▶ Node.js -Chrome V8 Javascipt 엔진으로 빌드된 JavaScript 런타임 -Javascript로 브라우저 밖에서 서버 구축 등 다양한 코드를 실행할 수 있다. -내장 HTTP 서버 라이브러리를 포함하고 있어, 웹 서버에서 아파치 등 별도의 소프트웨어 없이 동작하는 것이 가능하다. -방대한 모듈(npm)들이 존재한다. ​ Javascript를 서버에서도 사용할 수 있도록 만든 프로그램 (스크립트 언어 x, 프로그램 환경임) 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어졌음 웹 서버에서 아파치 등의 별도 소프트웨어 없이 동작하는 것이 가능 장점: 자바스크립트를 동일하게 사용해서 서버단 로직을 처리할 수 있음 새로운 언어 습득 X, 자바스크립트를 활용해서 서버기술..
CSS, JAVA 1) CSS ​ ▶ Cascading Style Sheets 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일 시트 Html 문서의 디자인을 꾸며주는 역할 ​ Using Class Using ID -Inline 방식 : 태그에 직접 스타일을 기술하는 방식 -Style tag 방식 : style 태그에 직접 기술하는 방식 -외부 파일 방식 : CSS를 별도의 파일에 기술해 링크하는 방식 ​ 2) JAVASCRIPT ​ ▶ JavaScript 객체 기반의 스크립트 언어, 웹 브라우저에서 주로 사용 웹문서를 동적으로 꾸밀 수 있음 타입을 명시할 필요가 없는 인터프리터 언어 - 클라이언트의 웹브라우저에 의해 해석되고 실행 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있음 ​ ▶getElemen..
MySQL 개념, 명령어 SQL ​ ▶데이터베이스를 다루는 표준 프로그래밍 언어 관계형 데이터베이스 관리시스템의 데이터를 관리하기 위해 설계 DDL 데이터 정의어, 테이블 생성(create), 삭제(drop), 스키마(구조), 수정(alter) DML 데이터 조작어, 데이터 추가(insert), 조회(select), 삭제(delete), 수정(update) DCL 데이터 제어어, 데이터 변경 최종 확인(commit), 데이터를 조작하는 권한을 사용자에게 제공(grant), 권한을 제거(revoke), 데이터 변경 취소(rollback) 데이터형 설명 Bool 참, 거짓 (True, False) int 일반 정수 Double 일반 부동소수점수 char 문자열 (0~255) varchar 문자열 (0~65535) text 최대 65..
HTML TAG ▶ HTML TAG HTML에서 사용하는 명령어 This is my page 태그 설명 ... html 문서의 시작과 끝을 정의 ... 웹 브라우저의 제목 및 스타일 정의 헤더의 시작과 끝을 정의 ... 본문의 시작과 끝을 정의 ... 제목을 정의 ... 글자 속성(크기, 색, 폰트 등)을 지정 ... 하이퍼링크를 걸어줌 줄 바꿈(개행) 그림 파일을 삽입 ... 테이블(표) 생성 ... 표의 행을 생성 ... 표의 열을 생성 , 한줄 주석, 여러 줄 주석 (+ 초반에 리눅스에서 html 파일을 코딩하면서 탭을 안 눌러 나중에 코드 수정할 때 헷갈려서 애를 먹은 적이 있다.. visual studio를 쓰다보니 자동적으로 들여쓰기가 되는 것에 너무 편해진 것이 문제다 ㅠㅠ 표를 만드는 경우 tr이나 td를..
HTTP Method (데이터 전송방식) HTTP Method: HTTP 프로토콜은 TCP와 UDP 프로토콜을 기반으로 하여 웹에서 사용하는 프로토콜로서 클라이언트와 서버 사이에 이루어지는 요청과 응답 데이터를 전송하는 방식을 말함. = 서버에 요청을 보내는 방법 GET 방식 : 어떠한 정보를 가져와 조회하기 위해서 사용하는 방식 - URL에 변수(데이터)를 포함시켜 요청 - 데이터를 Header(헤더)에 포함하여 전송 - URL에 데이터가 노출되어 보안에 취약 - 전송하는 길이에 제한 O - 캐싱(Caching, 한번 접근 후 또 요청할 시에 빠르게 접근하기위해 레지스터에 데이터를 저장시켜 놓는 것)할 수 있음 - 간단한 데이터를 URL에 넣도록 설계된 방식 / 데이터를 보내는 양에 한계 - URL의 길이가 정해져있기에 많은 양의 정보를 전달..