공부/웹 사이트 개발(끝)
-
1월 7일 - 웹 사이트 만들기(6) - graphQL 쿼리 날려보기, 결과물 sequelize로 반환하기공부/웹 사이트 개발(끝) 2021. 1. 7. 20:03
GraphQLd 홈페이지 들어가보니 무슨 라이브러리가 수십개가 쏟아짐... 라이브러리 설치 npm i -S graphql npm i -S express-graphql npm i -D express-graphql 코드 import { buildSchema, } from "graphql"; import { graphqlHTTP } from "express-graphql"; /* 대충 sequelize 코드가 있지만 주석으로 표현한 코드 */ var schema = buildSchema(` type Query { userName: String } `); var root = { userName: async () => { const user = await User.findOne({ where: { name: "J..
-
1월 5일~6일 - 웹 사이트 만들기(5) - sequelize 코드 실행시키기공부/웹 사이트 개발(끝) 2021. 1. 5. 19:41
오늘 맨정신으로 알아보니 sequelize-typescript와 sequelize에 @types/sequelize를 사용하는 건 다른 라이브러리라고 한다... sequelize-typescript는 사람들이 안 쓰는 건 아니지만 나온지 얼마 안 된 거 같으니 sequelize를 사용하는 것으로.... 필요한 라이브러리 설치 npm install -S sequelize npm install -S mysql2 npm install -D @types/mysql2 npm install -D @types/sequelize 기존에는 mysql을 설치했었는데 알고보니 mysql은 deprecated됐고 mysql2 모듈을 사용해야 한다고 한다. npm uninstall mysql npm uninstall @types..
-
1월 4일 - 웹 사이트 만들기(4) - 각종 스택 결정하기공부/웹 사이트 개발(끝) 2021. 1. 4. 20:24
... 아니 코로나 때문인지 아니면 3학년 2학기어서 그런지 과제가 너무 많이 나왔다. 물론 과제 하면서 공부를 할 수도 있었겠지... 근데 그렇게 하면 너무 빡셌을 거 같음... 뭐 무튼 다음 학기에는 좀 더 학교 공부 덜 신경쓰고 공부 좀 해야겄다. 글고 오늘부터 개강할 때까지 대충 60일 정도니까 50일 정도는 공부하는 걸 목표로 해야겠다. 다시 시작하는 만큼 전체 과정을 점검해야 겠다. 1. 이 프로젝트를 진행하는 이유는 아래 것들을 배워보기 위해 - 프로젝트 초기 설정, - CI/CD - 어떤 스택을 어떻게 왜 도입했는지 생각해 보는 연습 - 각 스택에 대한 초기 설정 이해 - DB 설계 - 내 손으로 배포 해보기 2. 전체적인 틀을 갖추고 다시 세세하게 하는 방법 vs 처음부터 하나씩 뽀개는 ..
-
9월 26일 - 웹 사이트 만들기(3) - axios 사용해서 express 서버에 데이터 요청공부/웹 사이트 개발(끝) 2020. 9. 26. 19:48
API 서버 준비 1. DB에 Test DB 생성 MySQL 워크벤치에 Test 테이블과 Test 테이블에 들어갈 더미 데이터를 생성하고, 확인한다. CREATE TABLE Test( id int, nams char(20) ); INSERT INTO Test(id) VALUES (4,"asd"),(5,"1ad"),(6,"qwe"); SELECT * FROM Test; 2. 라우팅 설정 http://localhost:4000/test URI로 요청이 왔을 때 아래와 같은 결과를 리턴하도록 설정한다. console.log(result)를 확인하면 아래와 같은 데이터가 보인다. [ RowDataPacket { id: 4, name: 'asd' }, RowDataPacket { id: 5, name: '1ad'..
-
9월 23일 - 웹 페이지 만들기(2)공부/웹 사이트 개발(끝) 2020. 9. 24. 00:31
GitHub 1. 레파지토리 생성 private, Add a README file 2. 프로젝트 폴더에서 git init 3. 프로젝트 폴더를 소스트리에 올린다. 4. git remote add origin 원격저장소주소 5. pull하면 에러는 나는데 이제 소스트리에서 maset 브랜치가 보인다. push 할 때는 새로고침을 누르면 master 브랜치 찾음 (뭔가 정확하게 하진 못했네) README.md 리드미 파일은 프로젝트의 목적이나, 처음 프로젝트 코드를 받았을 때 어떻게 실행해야 하는지 같은 프로젝트에 대한 설명을 적는 파일이다. 그냥 아래 정도로만 수정을 하고 커밋했다. # plannerRPG-user 플래너RPG 웹 페이지의 프론트엔드 프로젝트입니다. ## 개발 실행: npm run dev ..
-
9월 22일 - 웹 페이지 만들기(1)공부/웹 사이트 개발(끝) 2020. 9. 23. 00:03
user 프로젝트 생성 과거의 나야 고맙다... yatyat2.tistory.com/77?category=803115 6월 8일 - Elastic Beanstalk next.js 원래 React 서버 사이드 공부하려고 했는데 대충 원리는 파악했으니 굳이 똑같이 따라해볼 필요는 없을 거 같아서 next.js를 elastic beanstalk에 배포하는 걸 해보려고 한다. 오늘도 파이팅 ~ 이 글을 참 yatyat2.tistory.com api-server 프로젝트 생성 1. npm init -y 2. npm install --save express 3. npm install --save--dev typescript 4. npm install --save--dev @types/express @types/no..