분류 전체보기
-
-
-
MySQL - CRUDDataBase/MySQL 2021. 9. 26. 20:02
Create ( 생성 ) mysql> INSERT INTO nodejs.comments (commenter , comment) VALUES (1,'안녕하세요. jin의 댓글입니다.'); INSERT INTO 테이블명 ( 컬럼, ... ) VALUES ( 값 , ... ); Read ( 조회 ) SELECT name, age FROM nodejs.users WHERE married = 1 AND age > 30; SELECT 컬럼 FROM 테이블 WHERE 조건; 조건에 AND 와 OR 을 사용할 수 있다. SELECT id , name FROM nodejs.users ORDER BY age DESC; ORDER BY 컬럼 ( ASC or DESC ); 위 키워드는 정렬 조건이다. ASC : 오른차순 DE..
-
MySQL 데이터베이스 생성 및 테이블 생성DataBase/MySQL 2021. 9. 26. 20:01
[ 데이터 베이스 생성 ] 데이터베이스 = 스키마 mysql> CREATE SCHEMA `nodejs` DEFAULT CHARACTER SET utf8; CREATE SCHEMA `데이터베이스 이름` : 데이터베이스 생성 DEFAULT CHARATCER SET utf8 : 한글 사용 [ 테이블 생성 ] mysql> CREATE TABLE nodejs.users( -> id INT NOT NULL AUTO_INCREMENT, -> name VARCHAR(20) NOT NULL, -> age INT UNSIGNED NOT NULL, -> married TINYINT NOT NULL, -> comment TEXT NULL, -> created_at DATETIME NOT NULL DEFAULT now(), -..
-
모던 자바스크립트 Deep Dive - 이벤트 전파와 이벤트 위임 , preventDefault , stopPropagationJavaScript 2021. 9. 26. 01:12
[ 이벤트 전파 ] DOM 트리 상에 존재하는 DOM 요소 노드에서 발생한 이벤트는 DOM 트리를 통해 전파된다. 이벤트 캡처링 : 이벤트가 상위요소 -> 하위 요소 전파 ( 화면 캡처는 자기 자신 화면에서 크기가 줄어들 수 있으나 커질 수는 없다. ) 이벤트 버블링 : 이벤트가 하위요소 -> 상위 요소 전파 ( 거품은 커진다. ) // html ... apple banana orange 위와 같은 html이 있다. 위 코드의 banana를 클릭했을 때의 실행 결과를 유추 해보자. 2 banana banana 3 banana ... banana를 먼저 event등록을 해주었으니 먼저 실행되겠지? 하면 아니다. 결과는 1 banana ... 2 banana banana 이다. $fruit의 addEvent..
-
모던 자바스크립트 Deep Dive - 이벤트 핸들러 등록과 제거JavaScript 2021. 9. 26. 00:20
브라우저는 처리해야 할 특정 사건이 발생하면 감지하여 이벤트를 발생 시킨다. 이벤트 핸들러 : 이벤트가 발생했을 때 호출될 함수 이벤트 핸들러 등록 : 브라우저에 이벤트 핸들러의 호출을 위임하는 것 함수를 언제 호출할지 알 수 없으므로 개발자가 명시적으로 호출하는 것이 아니라 브라우저에게 호출을 위임한다. 이벤트 핸들러 프로퍼티에 함수를 할당하면 해당 이벤트가 발생했을 때 할당한 함수가 브라우저에 의해 호출된다. https://developer.mozilla.org/ko/docs/Web/Events 이벤트 참조 | MDN DOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며 발생한 것에 대한 부가적인 정보를 얻는데 사용되..
-
Express - Router 라우팅 , req , resExpress.js 2021. 9. 25. 05:54
익스프레스를 사용하는 이유 중 하나는 라우팅을 깔끔하게 관리할 수 있다는 점이다. // routes/index.js const express = require('express'); const router = express.Router(); router.get('/',(req,res) => { res.send('Hello , Express'); }); module.exports = router; // app.js const path = require('path'); dotenv.config(); const indexRouter = require('./routes'); const userRouter = require('./routes/user'); app.use('/',indexRouter); app.use..
-
로그인 [ 쿠키,세션 vs JWT ]Node.js 2021. 9. 24. 17:11
Cookie 쿠키란 클라이언트가 어떠한 웹사이트를 방문할 경우 , 그 사이트가 사용하고 있는 서버를 통해 클라이언트의 브라우저에 설치되는 작은 기록 정보 파일을 일컫는다. 서버는 클라이언트의 로그인 요청에 대한 응답을 처리 할 때 , 클라이언트 측에 저장하고 싶은 정보를 응답 헤더의 'Set-Cookie'에 담아서 보낸다. 쿠키는 Key-Value 형식의 문자열이다. 클라이언트는 요청을 보낼 떄 마다 , 매번 저장된 쿠키를 요청 헤더의 Cookie에 담아 보낸다. 단점 보안에 취약하다 요청 시 쿠키의 값을 그대로 전송 유출 및 조작 당할 위험이 존재한다. 쿠키에는 용량 제한이 있어 많은 정보를 담을 수 없다. 브라우저마다 쿠키에 대한 지원 형태가 다르기 때문에 공유가 불가능하다. 쿠키의 사이즈가 커질수록..