백고등어 개발 블로그

우선, typeorm 설치와 설정이 모두 끝난 상태라는 가정하에 typeorm 을 통해 mysql 연동을 해보겠습니다. 설치와 설정에 관련된 내용은 아래를 참고해주세요! TypeScript와 Typeorm을 사용해express 프로젝트 세팅 npm init : package.json 파일 생성 npm install -g typescript : grobal로 typescript 설치, 처음 프로젝트에서만 설치하면 된다. tsc --init : tsconfig.json 파일 생성 tsconfic.json 파일 velog.io 1. typeorm 을 통한 mysql 연결 typeorm 을 통해 mysql 을 연결하기 위해선 typeorm 의 createConnection 메소드를 사용하시면 됩니다 아래의 코드..

1. Knock Knock!! Knock Knock 프로젝트는 코드 스테이츠 수강생분들을 대상으로 수강생분들끼리 프로젝트, 스터디, Q&A 를 할 수 있도록 그에 맞는 환경을 제공해주는 서비스이다 2. 프로젝트를 진행하며 배운점 - 효과적인 의견전달 초반 프로젝트 주제 선정에 대해 내 의견을 팀원분들께 말씀드릴 때 ppt 자료를 준비해서 말씀드렸고 나름 내 의견을 전달하기에 괜찮았던 것 같다, 이 방법은 준희님께서 알려주셨는데, 확실히 의견을 전달하기에도 좋았고 내가 자료를 준비하면서 나도 이해되는 신기한 경험을 했다 (준희님 감사합니다!) - React Hooks 의 편리함 항상 React 를 사용하다가 Hooks 를 사용해보니 정말 너무나도 편리했다 좀더 정확히는 내가 나중에 사용한 코드를 보기가 정..

2주간의 퍼스트 프로젝트와 Hypotato 2주간의 퍼스트 프로젝트를 진행하면서 그동안 내가 코드 스테이츠에서 배워온걸 다 써먹을 수 있었다 팀원간의 소통도 잘 되어서 초반 SR 시간을 많이 아낄 수 있었다 각자가 맡은 역할을 잘 해냈고, 무엇보다도 프로젝트를 하면서 꾸준하게 소통을 했기에 좋은 결과가 나왔다는 생각이 든다 처음 프로젝트에 대한 아이디어를 팀원들과 너무 딱딱하지않게 이런저런 얘기를 나누면서 브레인스토밍 시간을 가졌다 가볍게 감자와 하이퍼링크에 대한 얘기가 나왔고, 조금 더 깊게는 하이퍼링크를 관리하고 그것을 감자에 비유해보는 것이었다 우리 code_potatoes 팀의 Hypotato 프로젝트는 하이퍼링크 관리 서비스이다. 물론 하이퍼링크라는 것을 즐겨찾기라는 이름으로 관리해주는 기능은 ..

우선 Node.js에서 AWS S3를 연결하여 사용하기전에 AWS S3란 무엇일까???? (Simple Storage Service) 아마존에서 제공하는 인터넷용 스토리지 서비스. 웹 등에서 사용되는 사진, 텍스트 등 여러 데이터를 손쉽게 저장 및 관리할 수 있다. AWS 를 처음 사용하신다면 아래 순서의 내용을 참고해주시길 바랍니다 우선 AWS 계정을 생성한다 AWS 계정 생성 후 로그인을 하고 IAM 설정을 위해 서비스 카테고리에서 IAM 을 검색한 후 IAM 으로 이동한다 *IAM 이란 Identity and Access Management의 약자로 , AWS 리소스에 대한 액세스를 안전하게 제어할 수 있는 웹 서비스다. IAM을 사용하여 리소스를 사용하도록 인증(로그인) 및 권한 부여(권한 있음)..

CRUD를 웹개발에 맞게 좀 더 세분화 시킨 것이 7 Standard Actions입니다. 웹사이트가 어떠한 종류의 데이터를 가지고 하는 일반적인 7개의 작업입니다. CRUD는 4개 인데 왜 7개가 되는지는 계속 읽어 보시면 알 수 있습니다. '반드시 이 7가지 작업을 할 수 있어야 한다'는 것은 아니고, 그냥 가이드 정도로 생각하시면 됩니다. 명칭도 정확하게 정해지지 않아서 Standard Controller Actions, Golden Seven Actions 등등으로 다양하게 불리지만 저는 그냥 7 actions라고 부르겠습니다. 자료를 웹사이트에서 생성하기 위해서 웹사이트는 2가지 일을 해야 합니다. New - 생성폼(form)을 사용자에게 보여주고, Create - 전달 받은 자료를 실제로 생성..

domain - 서버와 요청의 도메인이 일치하는 경우 쿠키 전송 path - 서버의 요청의 세부경로가 일치하는 경우 쿠키 전송 maxage/expires - 쿠키의 유효기간 설정 httpOnly - 스크립트의 쿠키 접근 가능 여부 설정 secure - HTTPS 에서만 쿠키 전송 여부 설정 sameSite - CORS 요청의 경우, 옵션 및 메서드에 따라 쿠키 전송 여부 설정 sameSite: "Strict" or "Lax" or "None" // 서로 다른 도메인간의 쿠키 전송에 대한 보안을 설정. defalt: "Lax" // "Strict" : 서로 다른 도메인에서 아예 전송 불가능. 보안성은 높으나 편의가 낮다. // "Lax" : 서로 다른 도메인이지만 일부 예외( HTTP get method ..

상황 React.js (프론트엔드) 쪽에서 Express.js (백엔드 API서버) 쪽으로 쿠키값을 요청하는 과정중 Express.js 서버와 Express.js + React.js가 서로 다른 포트(port)위에서 실행되고 있다보니 Cross Domain 에 걸려서 여러가지 셋팅을 해야했다. AXIOS : POST & GET - axios.post(url: string, data?: any, config?: AxiosRequestConfig): Promise url : 요청 url data : 요청 url 로 보낼 값 (body) config : 요청시 설정 값 (withCredentials 등등..) - axios.get(url: string, config?: AxiosRequestConfig): P..

오늘 한 일 chatter box 스프린트에 데이터베이스를 적용했다

오늘 한 일 learn SQL 스프린트를 진행했다 github.com/mochajs/mocha/issues/2958 Error: Timeout of 2000ms exceeded · Issue #2958 · mochajs/mocha When I try to use promises with mocha, I'm getting the error below: Error: Timeout of 2000ms exceeded. For async tests and hooks, ensure "done()" is called; if returning a Promise, en... github.com this.enableTimeouts(false);

오늘 한 일 데이터베이스의 개념을 간단히 익히고 mysql 문법에 대해서 학습했다