본문 바로가기
728x90
728x90

전체 글191

[node.js] ajax, fetch, async, await, 로그인 기능 구현 0. 목차 1. 개요 2. 해결 3. 후기 1. 개요 2022.02.15 - [경일/nodejs] - [node.js] fetch(async, await)로 로그인기능 만들어보기 [node.js] fetch(async, await)로 로그인기능 만들어보기 0. 목차 1. 개요 2. 기본세팅 3. HTML 4. fetch 5. 결과 1. 개요 수업시간에 ajax 비동기 통신에 대한 내용이 나와서 ajax 검색해보다가, promise 를 리턴하는 fetch 문법 사용이 더 편리할것 같아서 fetch 문법.. kong-dev.tistory.com 이거 하다가 마지막에 뻘짓을 했었는데 말이지.. ㅎㅎ 해결했다. 2. 해결 app.post('/user/login', (req, res) => { const { us.. 2022. 2. 17.
[mysql] root계정 비밀번호 잃어버렸을때 (M1, homebrew설치) 기존의 설정이랑 수업을 들으면서 따라하던 설정이랑 충돌이 일어났었는지... 진짜 이거 때문에 고생고생 개고생을 했다... 혹시나 또 이런일이 생길까봐, 나처럼 고통받는 사람 있을 까봐 남김. 일단 해결책은 두가지다. 안전모드로 진입해서 비밀번호 인증없이 mysql로 접속하고, 비밀번호를 변경하는 것. 그리고.. 완전히 삭제했다가 지우는것... 1. 안전모드 진입 우선 mysql 서버를 중지 시켜야 한다. $ brew services stop mysql 그리고 프로세스를 확인해보자 $ ps -ef | grep mysql 출력되는 내용이 1줄 보다 많다면 위에 두개를 지워 주면 된다. 대충 이런애가 출력 되는데, 0 옆의 숫자가 PID 넘버다 저걸 이용해서 지워주면 된다. $ sudo kill -9 [PID.. 2022. 2. 17.
[node.js] fetch(async, await)로 로그인기능 만들어보기 0. 목차 1. 개요 2. 기본세팅 3. HTML 4. fetch 5. 결과 1. 개요 수업시간에 ajax 비동기 통신에 대한 내용이 나와서 ajax 검색해보다가, promise 를 리턴하는 fetch 문법 사용이 더 편리할것 같아서 fetch 문법 사용해봄 로그인 기능 만들거임 2. 기본세팅 const express = require('express'); const nunjucks = require('nunjucks'); const session = require('express-session'); const MemoryStore = require('memorystore')(session); const fs = require('fs'); const userList = [ { userid: 'kong12.. 2022. 2. 15.
[node.js] 프론트 없이 POST request 확인하기(feat. 포스트맨) 0. 목차 1. 개요 2. curl 3. Content-type 4. 포스트맨 1. 개요 최근 몇번의 팀플을 위한 팀플 연습..? 을 통해 브랜치를 나누고 깃헙에 push 하면서 프론트와 백을 나눠서 작업하는 걸 해봤다. 프론트와 백이 동시에 작업을 시작했는데, 몇 가지 문제 점이 있었다. 1-1. ..? input name 뭘로 할거임..? 예를 들어 로그인 기능을 만든다고 해보자. id : pw : 로그인 프론트가 신나게 front 브랜치에다가 html 태그를 작성을 했다. 그리고 백엔드도 신나게 user branch 에다가 라우터를 만들었다. app.post('/user/login', (req, res) => { const { id, pw } = req.body; ... res.render('ind.. 2022. 2. 15.
[프로그래머스] 최소직사각형 잠이 안와서 간만에 하나 풀어봄 1. 문제설명 https://programmers.co.kr/learn/courses/30/lessons/86491 코딩테스트 연습 - 최소직사각형 [[10, 7], [12, 3], [8, 15], [14, 7], [5, 15]] 120 [[14, 4], [19, 6], [6, 16], [18, 7], [7, 11]] 133 programmers.co.kr 2. 접근방법 음 뭐 별 고민 없이 풀긴했다. 명함을 가로로 돌릴수 있다는 게 흥미로웠음 결국 그냥 배열안의 두수를 비교해서 큰거는 index: 0 에 다가 작은거는 index: 1 에다가 박아두고, for문으로 index: 0 에있는 애들중에 제일 큰애 index: 1 에 있는 애들 중에 제일 큰애 두개 구해서 곱해주.. 2022. 2. 14.
[nodejs] 회원만 이용가능 한 게시판 만들기 (feat. mySQL) 0. 목차 1. 개요 2. DB 3. 파일 쪼개기 4. CRUD 기능개발 5. 후기 1. 개요 2022.02.11 - [경일/nodejs] - [node.js] express-session, mySQL 로그인 기능 구현 [node.js] express-session, mySQL 로그인 기능 구현 0. 목차 1. 개요 2. mySQL 3. 기본셋팅 / 파일 쪼개기 4. 기능개발 5.후기 1. 개요 mySQL 안한지 너무 오래됐다. 까먹을거 로그인기능 mySQL 이용해서 만들거다. 회원가입기능은 다음에.. 2. mySQL 데이터 베 kong-dev.tistory.com 위 포스팅에서 만든거에다가, 회원만 이용가능한 게시판을 만들거다.ㅎ 2. DB user table board table 이런 식으로 디비를 .. 2022. 2. 12.
[mySQL] ERROR 1062 (23000): Duplicate entry '0' for key 'user.PRIMARY' 해결 이런상태였다. pw 는 왜 또 null yes 냐;; 뭐.. 일단 그렇다 치고... _id 를 primary key 로 설정하고싶었다. ALTER TABLE user MODIFY _id INT PRIMARY KEY; 를 입력하면 _id 가 primary key 로 입력 돼아하는데 ERROR 1062 (23000): Duplicate entry '0' for key 'user.PRIMARY' 자꼬 이런 에러가 뜬다 열받게... 프라이머리 키는 중복이 되면 안되는 값인데, 중복이 된다는 내용. 확인을 해보니 이미 들어가 있는 데이터들의 _id 값이 0 으로 들어가있었다. 아 그럼 auto_increment 넣으면 되겠네. ALTER TABLE user MODIFY _id INT (11) AUTO_INCREM.. 2022. 2. 12.
[node.js] express-session, mySQL 로그인 기능 구현 0. 목차 1. 개요 2. mySQL 3. 기본셋팅 / 파일 쪼개기 4. 기능개발 5.후기 1. 개요 mySQL 안한지 너무 오래됐다. 까먹을거 로그인기능 mySQL 이용해서 만들거다. 회원가입기능은 다음에.. 2. mySQL 데이터 베이스에 요렇게 데이터 입력 해놨다. 이거 입력하는건 2022.02.03 - [경일/DATABASE] - [mySQL] mySQL 기본 사용법, CRUD(Create, Read, Update, Delete) [mySQL] mySQL 기본 사용법, CRUD(Create, Read, Update, Delete) 0.목차 1. 개요 2. CREATE DATABASE 3. CREATE TABLE 4. CRUD 1. 개요 https://kong-dev.tistory.com/122?c.. 2022. 2. 11.
[nodejs] express-session 이용해서 로그인 기능 구현 0. 목차 1. 개요 2. 기본세팅 및 임시데이터 생성 3. 라우터 나누기 4. 미들웨어 나누기 5. ?? 이젠 HTML도 쪼갠다고? 6. 기능구현 1. 개요 2022.02.09 - [경일/nodejs] - [nodejs] express-session 사용하기 [nodejs] express-session 사용하기 0. 목차 1. 개요 2. 기본 세팅 3. express-session / MemoryStore 설치 및 적용 1. 개요 2022.02.09 - [경일/nodejs] - [nodejs] 세션으로 구현한 로그인 기능 라우팅 [nodejs] 세션으로 구현한 로그인 기능 라우.. kong-dev.tistory.com 이전 포스팅에서 다룬 express-session 이용해서 로그인 기능 구현해볼거임 .. 2022. 2. 9.
[nodejs] express-session 사용하기 0. 목차 1. 개요 2. 기본 세팅 3. express-session / MemoryStore 설치 및 적용 1. 개요 2022.02.09 - [경일/nodejs] - [nodejs] 세션으로 구현한 로그인 기능 라우팅 [nodejs] 세션으로 구현한 로그인 기능 라우팅 0. 목차 1. 개요 2. express 라우터로 나누기 3. 미들웨어 나누기 1. 개요 2022.02.08 - [경일/nodejs] - [nodejs] 세션 이용해서 로그인기능 만들기 [nodejs] 세션 이용해서 로그인기능 만들기 0. 목차 1. 개요 2.. kong-dev.tistory.com 위의 포스팅에서 가라로 session 을 만들어서(그냥 빈객체 하나 생성해서 사용) session을 통한 로그인 기능을 구현했었다. 이번에.. 2022. 2. 9.
[nodejs] 세션으로 구현한 로그인 기능 라우팅 0. 목차 1. 개요 2. express 라우터로 나누기 3. 미들웨어 나누기 1. 개요 2022.02.08 - [경일/nodejs] - [nodejs] 세션 이용해서 로그인기능 만들기 [nodejs] 세션 이용해서 로그인기능 만들기 0. 목차 1. 개요 2. 세션 3. 세션으로 로그인기능 구현 1. 개요 오늘은 세션으로 로그인 기능을 구현하는걸 해보기로 함. 그럼 우선 세션이 뭔지 세션과 쿠키의 차이점은 뭔지 아는게 우선이다. 2. kong-dev.tistory.com 2022.02.08 - [경일/nodejs] - [nodejs] express 라우터기능/ 미들웨어 나누기로 파일 쪼개기 [nodejs] express 라우터기능/ 미들웨어 나누기로 파일 쪼개기 0. 목차 1. 개요 2. 라우터 쪼개기 .. 2022. 2. 9.
[nodejs] express 라우터기능/ 미들웨어 나누기로 파일 쪼개기 0. 목차 1. 개요 2. 라우터 쪼개기 3. 미들웨어 쪼개기 1. 개요 라우터가 뭘까? 이제껏 만들었던 server.js 들에 만들었던 app.get 또는 app.post 같은 애들을 전부 라우터라고 한다. https://kong-dev.tistory.com/128?category=998366 [nodejs] todoApp async await 으로 조지기 0. 목차 1. 개요 2. 프로미스 인스턴스 객체를 리턴하는 함수 만들기 3. 적용 4. 후기 1. 개요 https://kong-dev.tistory.com/127 [nodejs] todoApp 만들기 feat. mySQL 0. 목차 1. 개요 2. 기본세팅 3. CRUD 4... kong-dev.tistory.com 내가 만들었던 todoApp은 .. 2022. 2. 8.
[nodejs] 세션 이용해서 로그인기능 만들기 0. 목차 1. 개요 2. 세션 3. 세션으로 로그인기능 구현 1. 개요 오늘은 세션으로 로그인 기능을 구현하는걸 해보기로 함. 그럼 우선 세션이 뭔지 세션과 쿠키의 차이점은 뭔지 아는게 우선이다. 2. 세션 우선 쿠키는 https://kong-dev.tistory.com/129 [nodejs] 쿠키 먹는거 말고 0.목차 1. http 통신 2. 브라우저 3. 쿠키 1. http 통신 서버에 요청을 보낼때는 일정한 규격에 따라 요청을 해야한다. 그런데 이 규격만 맞춰 준다면 새로운 내용을 작성해서 보내줄 수도 있다. 이제 kong-dev.tistory.com 이런거다. ㅎ. 쿠키방식의 가장 큰 특징으로는 데이터가 브라우저에 저장된다는 점이다. 반면 세션은 쿠키를 전달하긴 하지만, 그 쿠키를 암호화 해서 .. 2022. 2. 8.
[nodejs] 쿠키 이용해서 로그인 / 로그아웃 해보기 0. 목차 1. 개요 2. 세팅 3. 페이지구성 4. 기능구현 5. 멍청이짓 수정 6. user data 2개 이상일 때 5. 멍청이짓 수정2 1. 개요 https://kong-dev.tistory.com/129 [nodejs] 쿠키 먹는거 말고 0.목차 1. http 통신 2. 브라우저 3. 쿠키 1. http 통신 서버에 요청을 보낼때는 일정한 규격에 따라 요청을 해야한다. 그런데 이 규격만 맞춰 준다면 새로운 내용을 작성해서 보내줄 수도 있다. 이제 kong-dev.tistory.com 쿠키가 뭔지 대충 알았으니까 쿠키를 이용해서 로그인과 로그아웃기능을 만들어볼거다. 2. 세팅 세팅을 먼저하자. 우선 필요한 라이브러리는 express랑 nunjucks 인듯하다. 그리고 exprss 업데이트 사용할수.. 2022. 2. 7.
[nodejs] 쿠키 먹는거 말고 0.목차 1. http 통신 2. 브라우저 3. 쿠키 1. http 통신 서버에 요청을 보낼때는 일정한 규격에 따라 요청을 해야한다. 그런데 이 규격만 맞춰 준다면 새로운 내용을 작성해서 보내줄 수도 있다. 이제껏, response body 영역만 작업을 했었는데, 이번에는 header 영역작업을 해볼거임. res.setHeader() method를 이용해서 response header에 새로운 텍스트를 추가함 첫번째 인수가 key로, 두번째 인수가 value로 들어간다. app.get('/', (req, res) => { res.setHeader('headerkey', 'headerValue'); res.render('index.html'); }); Dev tool → network →response .. 2022. 2. 7.
[nodejs] todoApp async await 으로 조지기 0. 목차 1. 개요 2. 프로미스 인스턴스 객체를 리턴하는 함수 만들기 3. 적용 4. 후기 1. 개요 https://kong-dev.tistory.com/127 [nodejs] todoApp 만들기 feat. mySQL 0. 목차 1. 개요 2. 기본세팅 3. CRUD 4. 후기 1. 개요 https://kong-dev.tistory.com/122 [nodejs]todoApp 만들기(express, nunjucks, mongodb,body-parser) 0. 목차 1. 개요 2. 기본세팅 3. HTML & CSS 4. CRUD.. kong-dev.tistory.com ㅎ.. 하도 돌려써서 이젠 너덜너덜해진 나의 todoApp... 위 포스팅 맨 마지막에 보면 만든걸 async/await으로 조지고 싶.. 2022. 2. 4.
[nodejs] todoApp 만들기 feat. mySQL 0. 목차 1. 개요 2. 기본세팅 3. CRUD 4. 후기 1. 개요 https://kong-dev.tistory.com/122 [nodejs]todoApp 만들기(express, nunjucks, mongodb,body-parser) 0. 목차 1. 개요 2. 기본세팅 3. HTML & CSS 4. CRUD 5. 정리 1. 개요 가장 기본이 되는 CRUD 만들어볼거다. 사용할 라이브러리는, express, nunjucks, body-parser(exprss 내장 객체 대체가능)이며, 데이터 베이.. kong-dev.tistory.com 이거 만든거. mongoDB로 만들었던거 mySQL로 다시 만들어봄. 똑같은 부분은 제외하고 다른부분만 올릴거임..ㅇㅇ 2. 기본 세팅 2-1. mySQL https:.. 2022. 2. 4.
[nodejs]mySQL connect Error: connect ECONNREFUSED ::1:3306 이슈 해결 https://kong-dev.tistory.com/125 [nodejs] node에서 mySQL 연결(Error: connect ECONNREFUSED ::1:3306) 매우 간단하다. 우선 npm 을 통해 mysql 라이브러리를 다운 받아주자. $ npm init -y $ npm install mysql 다운 받은 라이브러리를 require를 통해 땡겨오고, const mysql = require('mysql') 이제 연결설정을 만.. kong-dev.tistory.com 여기서 발생한 이슈를 한참의 검색을 통해서 해결할 수 있었다. 에러내용은 다음과 같았다. 우선 이 이슈를 해결 하기 위해 사용한 임시방편의 수단이 const db = mysql.createConnection({ host: '127... 2022. 2. 3.
[nodejs] node에서 mySQL 연결(Error: connect ECONNREFUSED ::1:3306) 매우 간단하다. 우선 npm 을 통해 mysql 라이브러리를 다운 받아주자. $ npm init -y $ npm install mysql 다운 받은 라이브러리를 require를 통해 땡겨오고, const mysql = require('mysql') 이제 연결설정을 만들어주면 된다. const db = mysql.createConnection({ host: 'localhost', user: 'root', password: '비밀번호', database: '사용할데이터베이스명', port: '3306', }); 그리고 연결을 하면 db.connect(); 된다. 그리고 연결이 잘 됐는지 확인을 위해 데이터베이스 내의 테이블에서 데이터를 불러와보자. db.query('SELECT * FROM test', (e.. 2022. 2. 3.
[mySQL] mySQL 기본 사용법, CRUD(Create, Read, Update, Delete) 0.목차 1. 개요 2. CREATE DATABASE 3. CREATE TABLE 4. CRUD 1. 개요 https://kong-dev.tistory.com/122?category=998366 [nodejs]todoApp 만들기(express, nunjucks, mongodb,body-parser) 0. 목차 1. 개요 2. 기본세팅 3. HTML & CSS 4. CRUD 5. 정리 1. 개요 가장 기본이 되는 CRUD 만들어볼거다. 사용할 라이브러리는, express, nunjucks, body-parser(exprss 내장 객체 대체가능)이며, 데이터 베이.. kong-dev.tistory.com 이거 mongoDB Atlas로 만들었던거 mySQL로 만들려고 mySQL 공부함. 어려울줄 알았는데 .. 2022. 2. 3.
728x90
728x90

티스토리툴바