개인코딩개발공장

보호되어 있는 글입니다.

https://velog.io/@gwon713/Nodejs-MySQL-DB-connection-pool

const mysql = require('mysql2'); const connection = mysql.createConnection({ host : 'localhost', user : 'root', password : '비번~~', database : 'studymysql' }); connection.connect() connection.query('SELECT * from users', (error, rows)=>{ if (error){ console.error(error); }; console.log(rows); }) connection.end() server.js 내용임 로우쿼리로 db에 접근할수 있음. https://poiemaweb.com/nodejs-mysql

# sequelize 란? 자바스크립트 문법으로 데이터베이스 조작가능. # 시작 - npm i sequelize sequelize-cli mysql2 설치 - npx sequelize init 치면 폴더 여러개 생길거임. congif : 쓸 데이터베이스 정보. 보통은 password, database를 조작함. models : 여기에 데이터베이스 테이블 js 파일을 집어넣음. 단수형으로. seeder : 모름 migrations : 모름 # 제로초 예제 https://github.com/ZeroCho/nodejs-book/blob/master/ch7/7.6/learn-sequelize/models/index.js GitHub - ZeroCho/nodejs-book Contribute to ZeroCho/..

# 데이터베이스 만들기 CREATE SCHEMA `jacobjs` DEFAULT CHARACTER SET utf8 ; (데이터베이스 생성) # 워크벤치에서 데이터베이스 만들기 이거 클릭하고 이거 클릭 # 테이블 생성 create table jacobjs.users ( // users라는 테이블을 만들자 id int not null auto_increment, //id는 정수고 필수고 자동으로 1씩 상승됨. name varchar(20) not null, // 이름 20글자까지 필수 age int unsigned not null, // 나이 0과 양수만 필수 married tinyint not null, // 결혼여부 트루펄스 필수 comment text null, // 코멘트 텍스트 비어도됨 create..

#문제 메서드로 함수내에서 프롭스로 받아온 데이터 쓰는건 가능한데 난 setup()함수내에서 쓰고 싶었다. 근데 this로 불르든 뭐든 다 안되더라.. 그래서 props를 먼저 받아오고 setup함수에 파라미터로 넣어주니 작동이 됐음. hello from test {{testData}} export default { props : { testData : Object, }, setup(props){ console.log(props.testData.data) return { } }, } 이게 코드임 프롭스 키값을 setup보다 먼저 선언해주고 setup 파라미터안에 props 로 넣고 스코프안에서 props. ~~로 데이터 끄집어내서 쓸수 있음. 공식문서 Setup | Vue.js (vuejs.org) Se..

:root{ /* color */ --white-color : #fff; --black-color : #140a00; /* size */ --side-padding : 12px; --avatar-size : 36px; /* font size */ --font-large:18px; } 이렇게 저장해놓고 그때그때 갖다씀 ㅔpadding : var(--side-padding); 이렇게 요약한걸 갖다씀 css line clamp 글자수 제한해주는거 구글링키워드 마진이나 패팅은 위아래 양옆 순서로 hello1 hello span hello2 하위속성 선택 .hello .hello1{ color: red; } .hello span{ color: blue; } 이건 css 셀렉터 알고하는듯

컴퓨터 : 1024+ 테블릿 : 1023~768 모바일 : 480-320 미디어 쿼리 font-family : 'gulim', 'dotum', 'arial' 등등 .. 다만 시스템에 설치가 되어있어야함. @font-face { font-family: 'dddd'; src : url() } url안에 따옴표 없이 폰트파일 넣고 굴림. 이건 한글폰트용량이 너무 큼.. woff파일로 쓰거나 웹폰트를 쓰면됨. 구글폰트

position relative는 원래 있어야 하는자리에서 적용 기본값은 static임 absolute 는 부모태그 박스안에서 움직임. fiexed : 웹페이지 기준에서 움직임 sticky 는 원래있던자리에있는데 스크롤 내리면 그자리 고정됨. 이건 꼭 top bottom 정해줘야함

너무 오랜만이라 다시 적음 justify-content 가로 정렬 보통 스페이스 비트윈 자주씀. align-items 세로정렬.. 센터나 flex-end나 등등 flex-direction 방향설정하는거.. column으로 바꿀때씀. row는 기본설정 align-self 는 상위요소에 flex로지정이되어야 적용됨. flex-wrap 요소가 꽉차면 다음줄로 넘겨줌 flex-flow 는 flex-direction 과 wrap같이쓸수있는거. align-content 는 세로 간격정렬.. align-items 에 space머시기 안됨