생각기록

const result = await pet.findOne({ where: { id: req.query.id }, raw: true }); datavalues 값만 나와요! 이거 꿀팁 findAll이나 findOne할 때 콘솔에 보기 좋게 뜨게 하고 싶으면 이렇게 해도 좋을 것 같아요! 라는 팁을 받음...!!

둘은 비슷한 개념이지만 차이점이 있다. 쿠키란? 웹브라우저에 저장되는 작은 저장 공간 저장된다는 것은 웹브라우저 상에서 볼 수 있다는 말 웹브라우저(클라이언트에) 저장되는 키와 값이 쿠키의 동작 방식 1. 클라이언트가 페이지 접속 = 요청 ( 서버로 요청 ) 2. 서버에서 쿠기를 생성 3. HTTP 헤더에 쿠키를 포함 시켜 응답 *요청에 따라 쿠키 생성 4. 브라우저가 종료되어도 쿠키 만료 기간이 있다면, 클라이언트에서 보관하고 있음 5. 같은 요청을 할 경우 HTTP 헤더에 쿠키를 함께 보냄 6. 서버에서 쿠키를 읽어 이전 상태 정보를 변경 할 필요가 있을 때 쿠키를 업데이트 하여 변경된 쿠키를 HTTP 헤더에 포함시켜 응답 6번에 그 키에 해당하는 쿠키값을 변경할 일이 생기는데 클라이언트의 리퀘스트 ..

sequelize 란? 자바스크립트 구문을 알아서 SQL로 변환해준다. db작업을 쉽게 할 수 있도록 도와주는 orm 라이브러리 orm object-relation mapping slq문을 쓰지 않고, 자바스크립트 함수를 실행해서 sql이 알아서 실행 되도록 하는 것 이거 안써도 된다. 데이터베이스를 바꾸는 일이 별로 없지만 데이터베이스를 바꾸게 되면 sql도 바꿔야 하는데.... 씨퀄라이즈 orm을 쓰게 되면 애초에 js 함수라서 연결에 데이터베이스에 맞게끔 sql문을 자동으로 날려준다. 작업에 필요한 얘들을 설치 npm install pakage.json 파일에 있는 것들이 자동으로 깔린다. 저번 방명록 실습 코드에서 model 파일 빼고 그대로임 기존은 mysql 패키지로 접속햇다면 시퀄라이즈로 d..

미들웨어 개념 (Middleware) 1. 서버가 작업하기 전에 사이에 함수를 껴놓을 때 = 미들웨어 함수라고 한다 app.get 로직까지 가기 전에 = 클라이언트의 요청이 서버로 가기전에 사전에 함수로 먼저 검사할 수 있는 것 2. 미들웨어에서는 reques, response 객체를 모두 사용 가능하고! next() 함수를 이용해 다음 미들웨어로 접근이 가능하다. 중간에 껴있기 때문에 req, res 객체를 다 가지고 있다. next()함수 : 미들웨어 동작이 끝나면, 원래 가고자 하던 서버 로직으로 가는 것 multer 설치 : npm install multer 모듈 추가 : path와 multer 모듈 객체로 불러와서 써야함 파일의 경로(목적지)를 설정하는 multer 객체 사용 1. 서버의 요청 ..

https://meaningone.tistory.com/316 자바스크립트 innerHTML 초간단 예제와 설명! 자바스크립트 데이터 화면 출력 HTML은 코딩한 것을 화면에 출력하는 마크업언어 입니다.자바스크립트는 프로그래밍 언어로 데이터 등을 출력하려면관련 명령어를 사용해야 합니다. 데이터 디 meaningone.tistory.com ● document.write( ) : ()안에 것을 화면에 출력하라는 메서드 ● window.alert() : 경고창을 띄워 ()안의 것을 출력하라는 메서드 ● innerHTML=" " : 예를 가지고 이해하는 것이 빠르다. 예를 들어 HTML로 [홍길동]이라는 콘텐츠를 화면에 출력하였다. 이 HTML 요소에 접근하여 [홍길동]을 [이순신]으로 바꿔 출력하게 만들려면 ..

항상 새로운 프로젝트 폴더 만들 때 npm 환경설정 1. npm init 2.npm init --yes 3. npm install express 4. npm install -g nodemon + nodemon 설치 해주면 됨! 전역 설치를 해줘야 함 5. 버전 확인 nodemon -v 터미널 파워셀로 하지말고, git bash나 cmd로 해야 오류 없이 가능 6. npm install multer 설치 파일 업로드 위해 사용되는 미들웨어 form validation (폼의 유효성 검사) 데이터가 불필요하게 왓다갓다 하는것을 막을 수 있다. 클라이언트 측 html form 유효성 검사 서버용 nodejs form 유효성 검사 클라이언트 유효성 피해서.. 서버에서 검사하지 않으면 비번 1234라고 해도 뚫을..

노드js로 웹서버 만들기 서버 구축, 웹프론트엔드랑 연결해서 데이터 주고받기가 목표 패키지 매니저 npm Node Package Manager ( https://www.npmjs.com/ ) 노드 패키지를 관리해주는 틀 *패키지 : 노드 모듈 - 패키지들 간 의존 관계가 존재 Express 웹 서버를 생성하는 것과 관련된 기능을 담당하는 프레임워크 웹 애플리케이션을 만들기 위한 각종 메소드와 미들웨어 등이 내장되어 있다. http 모듈 이용시 코드의 가독성↓ 확장성 ↓ → 이를 해결하기 위해 만들어진 것이 Express 프레임워크 npm 환경설정 해당 파일 있는 폴더 cd로 들어가기 1. npm init enter 연타! (default 값) 프로젝트를 시작할 때 사용하는 명령어 > package.jso..

동기와 비동기 동기는 순차적이라면, 비동기는 병렬적 서버와 웹브라우저의 통신은 예측하기 힘들다. 프로미스(Promise) 는 비동기를 간편히 처리할 수 있도록 돕는 오브젝트 콜벡으로 인한 복잡도 증가와 예외처리 어려움을 해결하기 위해 만들어짐 비동기 작업에서 성공과 실패를 분리해 메소드를 수행 resolve(value):일이 성공적으로 끝난 경우 -> 프로미스를 실행한 곳의 then으로 들어간다. reject(error):일이 성공적이지 않은 경우. 에러 발생 시 ,> 프로미스를 실행한 곳의 catch로 들어간다. // new Promise ( function ( resolve, reject ){ }); //함수의 return은 값을 받을 수 있다. function func1( ){ return new ..