응용 sw 및 블록체인

* limit select * from tablename limit 3 누를경우 위에서부터 3개만 보여주고 select * from tablename limit 3,4 3은 시작위치를 의미 4번째 부터 4개만 가져온다. 시작위치는 0부터 시작 * type 데이터 타입은 문자형,숫자형,날짜형,이진 데이터 타입으로 나뉜다. 주로 쓰는 것은 varchar(가변 게시물 제목에 주로 사용) , char(고정 한글기준 4바이트가 한글자정도이다.) , text (글자내용이나 긴 글을 사용할떄 게시판내용 65535바이트) 를 주로 사용한다. *문자형 데이터 유형 정의 CHAR(n) 고정 길이 데이터 타입(최대 255byte)- 지정된 길이보다 짦은 데이터 입력될 시 나머지 공간 공백으로 채워진다. VARCHAR(n) ..

HTTP (웹서버) 누군가가 요청을 줘야 작동하는 녀석 브라우져 (클라리언트)가 요청을 해야 요청한 답을 준다. 우리는 express 로 만들어 봤다 DBMS (DB서버) 웹서버가 요청을 해야 응답을 준다. 우리는 지금까지 눈에 보이는 html css js 를 배웠다. db는 cri 형식과 * DBMS database jin table 시트1 아이디 패스워드 이름 (필드) abv aa aa (레코드) table 시트2 게시글 제목 내용 만든날짜 조회수 1 공지 공지알림 21-4-21 3 * 명령어 show databases; 데이터베이스를 보여줘라 create database (name); 정한 이름으로 데이터 베이스를 만들어라 drop database (name); 정한 이름에 데이터 베이스를 삭제하라..

//nunjucks //터미널에서 npm install nunjucks chokidar //메모 npm install -g ungit //body-parser //npm install body-parser const express = require('express'); const nunjucks = require('nunjucks');// nunjucks 가져오기 const app = express(); const bodyParser=require('body-parser'); nunjucks.configure('views',{ express:app, // express는 어떤걸 쓸거냐 autoescape:true, // 보안 문제 인데 무조건 true }); app.use(bodyParser.urlenc..

* node js 깔고 window CMD에서 node -v 치면 버전이 나오면 잘 깔린것 혹시 사용되지 않으면 환경변수를 추가해줘야 한다. 내컴퓨터 속성에서 설정 환경변수에 node 속성에서 위치를 가져와서 추가해주면 된다. * git levels 레벨 창이뜸 undo 뒤로가기 reset 처음으로 git commit 은 기존에 내용을 저장하여 블럭 생성 git branch hi hi라는 브렌치 생성 (다른공간) git checkout hi hi를 지목하게 된다 git merge hi HEAD 기준으로 hi 합쳐서 새로 생성해준다. git rebase 내가 보고 있는 기준 밑으로 가고싶은 곳을 쳐주면 이동 이동 시키기 git branch -f (어떤것을) (이곳으로 옮긴다) git checkout ^ g..

let name = 'ingoo' let txt = 'hello'+name+ 'world!'; let txt3 = `hell ${name} world!`; let a= 'boo'; let b= '자바'; let v= '스크립트'; let str= `저는 ${a}이고 ${b+v}를 합니다.`; console.log(str); 배열 생성 arr= new Array(); arr= []; arr=[,,,,,,]; 배열안에 6개가 추가된다. console.log(arr); arr = [1,2,3] arr.push(4) 항상 마지막에 추가된다. arr.pop(); 을사용하면 항상 마지막에 있는 원소가 사라진다. pop 사용하게되면 바로 결과물을 만들어 준다. arr.indexOf(); 인자값이 2개가 들어간다. 1..

*도넛 박스에 5,3짜리 박스를 활용해서 최소한에 박스를 사용하여 박스 구하기 let index = 21; let box = 0; function boxing() { if (index % 5 == 0) { box = index / 5; return; } else { if (index 화살표 함수 //(인자값) let hello3 = (num) => {console.log('hellow world'+num)}; hello3(3); let hello4 = num => { console.log('hellow'+ num); } //인자값이 하나일 경우에만 ()를 생략가능 hello4(); setTimeout(); 한번만 실행하고 끝난다. 하지만 재귀 함수를 사용하면 된다 박스를 활용해서 최소한에 박스를 사용하여..

disply flex 를 이용한 lay out 정렬 space_ 1 2 3 4 5 6 7 class 를 이용한 빠르게 레이아웃 틀 짜기 adfsdf *vw 와 vh의 단위 vw : view width vh : view height view 는 브라우저 전체 크기 1당 1% 로 계산 90vh 는 높이 기준으로 =90% 100vw 는 넓이기준으로 =100% 축소 확대를 하더라도 크기의 변화가 없다. 반응형을 만들때 활용하기 좋다. 메인 비주얼에 활용하기 좋다. *layout popup * {margin: 0; padding: 0; } ul,li {list-style: none;} body {width: 100%;height: 100%;} #layer_popup_wrap { width: 100vw; heigh..

*hover event #id{ width: 200px; height: 100px; border: 1px solid #000000; text-align: center; line-height: 100px; position: relative; overflow: hidden; display: inline-block; transition: all 0.5s; } #id:before{ content: ""; top: 0; left: 0; width: 0px; height: 100px; position: absolute; z-index: -1; transition: all 1s; } #id:hover:before{ background: #225ea7; border-bottom-right-radius: 50%; bor..