본문 바로가기

VSC5

[220322] 자바스크립트로 달력만들기 1. 현재 날짜를 가져오는 함수 new Date() date 객체는 세계표준시(UTC) 1970년 1월 1일 00시 00분 00초를 기준으로 현재와 얼마나 시간 차가 얼마나 되는지 밀리초 단위로 나타낸다. let dateToday = new Date() console.log(dateToday) console.log(typeof(dateToday)) //출력값 //2022-03-22T13:35:12.509Z //object 그 외에도 원하는 시각을 넣어서 객체를 작성할 수 있다. console.log(new Date(2021, 11, 6)); console.log(new Date('2021-12-06T03:24:00')); //결과 //2021-12-05T15:00:00.000Z //2021-12-05T1.. 2022. 3. 23.
[220216] Mysql 직접 사용해보기 Mysql의 탄생 유료인 오라클이랑 무료인 mysql이 있었는데 오라클이 mysql을 인수함. 그래서 둘다 유료가 되어버림. 근데 mysql을 오라클이 인수하고나서 신경을 안쓰니까 열받은 개발자들이 나와서 mysql이랑 같은걸 만든게 maria.db. Mysql의 목적 데이터를 하드디크스에 저장하고, 그 데이터를 관리하기 위해서 만들어진 프로그램이다. Mysql에 접속하기 brew install mysql brew services start mysql Mysql 문법 배우기 DDL 데이터베이스나 테이블을 만들때 씀 DML 테이블 안에 있는 데이터를 조작할때 씀 / 가장 많이 쓸 문법 DCL 권한설정, 자주 안 씀 Mysql로 요청/응답 확인하기 요청 보내기 curl : 요청을 보내는 명령어 -X POST.. 2022. 2. 16.
[220209] 세션 사용하기 : express-session, memorystore 설치 npm install express-session memorystore 매번 실행할때마다 쿠키를 가져오는 expres-session과 메모리를 저장할 장소에 관한 memorystore 라이브러리기 때문에 npm을 통해서 설치해준다. 세팅 const session = require('express-session') const memorystore = require('memorystore')(session) 세션을 사용할때 3가지를 기억하고 가자 1) 암호화 : 생성하는 결과물들이 겹치지 않게하는 처리 2) 세션을 저장할 공간 : 메모리에 하니? 하드에 하니? 서버에 하니? -> 우리는 메모리에 저장함. 3) 쿠키의 설정 : 세션이라면 기본적으로 필요한 쿠키. 보통은 쿠키의 만료시간이나 쿠키의 범위를 .. 2022. 2. 9.
[220209] 라우터 2개 사용하기, 라우터를 폴더화 시키는 2가지 방법 목록 1) 라우터 2개 사용하기 2) 다른 파일에 있는 코드를 불러오기 3) 라우터를 폴더화 시키기 라우터에 미들웨어 2개 넣기 app.get('/join', (req,res,next)=>{console.log('join1'); next()}, (req,res)=>{console.log('join2')} ) 2개를 이렇게 넣을 수도 있지만 보기에 복잡해서 따로 변수로 받아 넣는 경우가 더 많다. //2) 코드 안에 없으므로 코드 밖에서 a를 찾는다 let a = (req,res,next)=>{ console.log('join1'); next() } app.get('/join', a, (req,res)=>{ //1) a를 코드 안에서 찾는다. //3) a를 실행한다 //4) 그 다음 인자를 실행한다. co.. 2022. 2. 9.
[211223] 클론코딩 / 게시판 만들기 목차 클론코딩 / 게시판 만들기 1. 구역 나누기 2. 이미지 삽입하기 3. 선 삽입하기 3-1 border과 문제점 3-2 해결방식 4. 모서리 둥글게 만들기 5. 텍스트 가운데 정렬 6. 마우스 오버 기능 클론코딩 / 게시판 만들기 1. 구역 나누기 table을 사용할 수도 있겠지만 보다 깔끔하고 수정이 용이한 ul, li기능을 사용한다. 좌측 초록색 박스와 우측 초록색 박스의 행렬이 다르기때문에 각각 다르게 작성한다. 빨간 박스 초록박스(좌) -> ul 보라색박스 6개 -> li 오렌지색박스 3개 배경에 이미지 삽입 초록박스(우) 보라색박스(상) 2개 보라색박스(하) 1개 작성한 html 2. 이미지 삽입하기 #container > #left>ul>li{ background: url("../img/.. 2021. 12. 23.