SQL9 시퀄라이즈로 테이블, 모델 생성하기, 관계정의하기 테이블과 모델 생성하기 mysql 테이블은 sequelize(시퀄라이즈) 모델과 같다. 시퀄라이즈는 테이블과 모델 사이를 연결해준다. 보통 테이블은 소문자 복수형(users), 모델은 대문자로 시작하는 단수형(User)로 작성한다. 테이블과 모델 설정하기 모델은 Sequelize.Model을 확장한 클래스로 선언한다. 모델은 두개의 메서드로 나뉜다. 테이블에 대한 설정을 하는 init 메서드 첫번째 인자 : 테이블 컬럼에 대한 설정 두번째 인자 : 테이블 자체에 대한 설정 시퀄라이즈는 자동으로 id를 기본키로 연결한다.(작성할 필요없음) 시퀄라이즈는 mysql에서 사용하는 자료형과 다른 자료형을 사용한다. 시퀄라이즈 자료형에 대한 공식사이트 자료( https://sequelize.org/docs/v6/c.. 2022. 7. 17. sequelize (시퀄라이즈) 설치, 세팅하기 설치 sequelize-cli : 시퀄라이즈 명령어를 실행하기 위한 패키지 mysql2 : mysql과 시퀄라이즈를 이어주는 드라이버 $ npm init -y $ npm install express morgan sequelize sequelize-cli mysql2 세팅 다음 명령어를 호출하면 config, migration, models, seeders 디렉토리가 생긴다. $ npx sequelize init config 디렉토리 안 config.json에서 development 속성들을 내가 사용할 데이터베이스에 맞춰서 변경해준다. development을 수정하는 이유는 현재 코드를 작성하는 개발환경이 development이기때문. (혹시 operatorAliases 속성이 들어 있다면 삭제해주자.).. 2022. 7. 16. [220323] 연극 예매사이트 팀플 기록) 5. 스키마 수정, 캘린더 프론트 디자인 80% 완성 현재 하고있는 것 캘린더 프론트 디자인 80% 완성. 팀원들의 의견을 들어보고 세부적인 곳들 수정예정. 개인적으로 보충학습해야할 것 달력 만드는법. 팀플 현재 진도 전체 페이지 구조 사이트에서 사용할 스키마 팀원회의 및 수정 2022. 3. 24. [220322] 연극 예매사이트 팀플 기록) 4. 스키마 짜기, DB 공부 현재 하고있는 것 프론트 디자인 진행중. 개인적으로 보충학습해야할 것 데이터베이스에서 데이터 생성/삭제/수정/검색 기능 다시 공부 현재 사용하는 서버와 데이터베이스 연결해서 sql문 사용하는법 다시 공부 2022. 3. 24. [220321] 연극 예매사이트 팀플 기록) 3. 작업물 할당받음 220321 작업물을 할당받음 내가 할당받은 작업량 교수님 지정해주신 프론트 디자인 board 백엔드 총괄, 파일 업로드 수업 복습 미흡한 점 개인공부 파일 업로드, 덧글 기능, 페이징 기능, Oath 오늘 작업한 내용 유툽으로 figma를 배워서 디자인함 기존 adobe 디자인 툴이랑 많이 다르지 않아서 배우기 쉬웠다. user calendar랑 show calendar front 디자인 끝냄 의도한 내용 사용자가 보기엔 한 화면에서 모든 것을 조작하고 있다고 느낄 수 있도록. 하지만 구역별 내용은 확실하게 나누기 https://www.youtube.com/watch?v=LmLchZ4tCXc 이 영상을 보고서 피그마를 사용했다. 영상을 보고서 디자이너랑 개발자의 소통이 힘들다는건 대충 알았는데 피그마를.. 2022. 3. 23. [220321] 연극 예매사이트 팀플 기록) 2. 초기설계 220321 초기 설계 teamProject-gardenSite 팀 주제 : 정원 페이지 목적 정원이라면 역시 나무 -> 가드닝하는 커뮤니티 페이지를 만든다 가정 페이징 기능 덧글 작성 기능 쿠키 기능 DB 스키마 적극 활용 컬러칩 (아직 이미징 단계. 구체적 컬러칩 못 정함) 명도 낮고 채도가 살짝 낮은 진초록이 깨끗한 이미지를 주기 위해서 흰색 아주 연한 회색, 검은색 중심 디자인 상징적 숫자: 6, six 대체로 곡선의 유려한 디자인. 동글 둥글. 자연적인 이미지니까. 페이지 홈 팀 소개 팀원 소개 페이지 3장 2-1. 주제가 정원이니까 각자 탄생목+좋아하는 물체/자신 상징 이미지 받아서 이미징. 2-2. 팀 3명이니까 S/I/X를 하나씩 나눠가져서 2-1에서 받은 물체로 이미징 board 기능 b.. 2022. 3. 23. [220318] 연극 예매사이트 팀플 기록) 1. 사전회의 220318 사전회의 팀프로젝트의 목표 : DB기능과 스키마 활용을 빛낼 수 있는 사이트 만들기 프로젝트 기간 : 3주 현재 하고있는 작업 원래 오래만져야하는건 예뻐야 할 마음이 생기는 법이라 어떻게 아웃풋을 짤까 레퍼런스 찾아보는중. 씐난다씐난다 예쁜 디자인을 보고 만드는건 언제나 신난다 내가 그런걸 못 만들어서 그렇지 어차피 상업적인거 하는것도 아니고, db 만드는거니까 마음놓고 레퍼런스 뒤져서 대충 틀을 짰다. 팀 주제 : 정원 페이지 목적 : 정원이라면 역시 나무지. 가드닝하는 커뮤니티 페이지를 만든다 가정하고 게시물 짜야지. 컬러칩 : 명도 낮고 채도가 살짝 낮은 진초록이랑 깨끗한 이미지를 주기 위해서 흰색이랑 아주 연한 회색, 검은색 상징적 숫자 : 6, six (팀 번호가 6번이라서) 대체로.. 2022. 3. 15. [220307] 서로 다른 서버끼리 통신하기(CORS, Access-Control-Allow시리즈) 브라우저의 보안을 지켜주는 동일 출처 정책 SOP 기본적으로는 다른 서버끼리는 서로 통신하지 못한다. 4001번 포트로 연결되어있는 서버에서 3001포트로 연결하려고하면 에러가 뜬다. 같은 출처끼리만 리소스 공유나 접근을 허용해주는 동일 출처 정책 때문이다. //localhost:4001에 연결되어있는 서버 const btn = document.querySelector('#btn') btn.addEventListener('click',async ()=>{ alert('버튼클릭') let response = await axios.get('http://localhost:3001') console.log(response.data) }) 출처(Origin)란? http://127.0.0.1:5500/index... 2022. 3. 14. [220216] DB와 서버를 연결해주는 Connection Pool DB와 연결되어있는지 체크하는 코드 SHOW STATUS LIKE 'Threads_connected'; 너무 연결이 많이 되면 터짐. 그래서 사용하지 않으면 컴퓨터 자원(로직?)을 반환하기 위해 연결을 끊는 종료코드가 존재함. //연결 샘플 코드 const mysql = require('mysql') // 연결 생성 let connection = mysql.createConnection({ host:'127.0.0.1', user:'hancoco', password:'0000', database:'sample' }) // 연결시작 connection.connect((err)=>{ if (err) throw err; // 여기 함수종료 console.log('socket open') // 실행됨. }) .. 2022. 2. 21. 이전 1 다음