230120 - 페어코딩 - 토큰을 이용한 로그인

230120 - 페어코딩 - 토큰을 이용한 로그인

GitHub https://github.com/100space/friday_local GitHub - 100space/friday_local Contribute to 100space/friday_local development by creating an account on GitHub. github.com STEP 1. 회원가입 및 로그인 구현하는 목표가 주어졌고, 협업을 위한 기본 라우터를 설계하고 문서화하는 작업을 함. 라우터를 설계하면서 DB 테이블도 설계한 후에 문서로 남겨놓았다. 흔히 api document 라고 하는 것을 해보려 했는데 처음해보는 거라 어떻게 얼마나 적어둬야 하는 몰라서 간단하게만 적어봤다. 나는 front-end 영역을 맡았다. STEP 2. 메인페이지 구성 및 gnb를 만들..

  • format_list_bulleted TIL(Today I Learned)
  • · 2023. 1. 25.
  • textsms
230119 - javascript - 카카오로그인(kakao login) API

230119 - javascript - 카카오로그인(kakao login) API

오늘 내가 배운 것 1. 카카오 로그인 공식 사이트 2. 카카오 로그인 API 3. 사전준비 4. 카카오 로그인 구현하기 프론트 서버 백 서버 1. 카카오 로그인 공식 사이트 https://developers.kakao.com/docs/latest/ko/kakaologin/common Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 로그인은 API를 이용해서 하는 것인데 위에 공식 사이트에서 자세히 잘 나와있다. 2. 카카오 로그인 API 기본 흐름은 아래와 같다. 3. 사전 준비 카카오 로그인을 위해서 사전에 준비해야 해야 할 단계가 몇..

  • format_list_bulleted TIL(Today I Learned)
  • · 2023. 1. 25.
  • textsms
230116 - JavaScript - Sequelize을 이용한 CRUD

230116 - JavaScript - Sequelize을 이용한 CRUD

오늘 내가 배운 것 1. Primary Key 2. 데이터 타입 ENUM 3. Model을 이용한 테이블 만들기 4. Liked 5. 관계형을 위한 정적 메서드 1. Primary Key 기본적으로 PK는 테이블당 1개만 부여 가능하다고 알고 있었다. CREATE TABLE person( first_name VARCHAR(30) NOT NULL, last_name VARCHAR(30) NOT NULL, PRIMARY KEY (first_name, last_name) ); 위에 코드처럼 Primary Key에 두 개의 필드를 적고, 실행을 하면 가능할까? 일단 실행이 가능하다. INSERT INTO person(first_name, last_name) VALUES(1, 1) first_name에 1이 들어..

  • format_list_bulleted TIL(Today I Learned)
  • · 2023. 1. 17.
  • textsms
230104 -JavaScript DB를 이용한 댓글 기능 만들기

230104 -JavaScript DB를 이용한 댓글 기능 만들기

오늘 내가 배운 것 1. MySQL, CSR 방식을 이용한 댓글 기능 구현 기본 틀은 기존에 만들었던 코드를 이용해서 만든다. https://baekspace.tistory.com/61 221116 실전예제 - try_catch(), 데이터셋(dataset, data- ), CRUD 댓글창 만들기 오늘 내가 배운 것 1. try-catch() 2. 데이터셋 3. CRUD - update 영역, delete 영역 코드 진행 순서 1. Creat : 댓글을 입력할 수 있다 - 댓글 입력 폼에 내용을 입력 한 뒤 `submit` 을 누르면 리스트에 추가된다. baekspace.tistory.com CSR 방식이기 때문에 AJAX를 이용한다. 코드 순서는 1. front 와 back 서버 분리 각 npm, 외장..

  • format_list_bulleted TIL(Today I Learned)
  • · 2023. 1. 5.
  • textsms
Network - HTTP 통신, REST API

Network - HTTP 통신, REST API

REST API HTTP 프로토콜을 그대로 사용하여 웹의 장점을 활용할수 있는 아키텍쳐 스타일이며 client와 server사이의 어떤 상태(정보)를 전송하는 표현방식 REST 구성요소 메서드 + URI REST 규칙 Method GET POST PUT DELETE ... URI 네이밍 동사보단 명사 사용 대문자보단 소문자 사용 복수형으로 사용 구분자는 하이픈(-) 사용 (카멜 X) 마지막에 '/'를 포함하지 않음 확장자 포함하지 않음 Ex 기존에 게시판 만들었을 때 Read : GET /board/list View : GET /board/view Create : POST /board/write Update : POST /board/modify Delete : POST /board/delete REST ..

  • format_list_bulleted TIL(Today I Learned)
  • · 2023. 1. 3.
  • textsms
221226~230102 Express Project

221226~230102 Express Project

환장의 나라 Main 페이지 • Join 페이지 • Login 페이지 • Board 페이지 • Profile 페이지 사용 기술 시연 영상 ‼️ 구현해야할 필수 기능 필수 기능(삼각형 눌러서 펼쳐보기) 1. 메인페이지 카테고리 Home Join Board Profile Admin2. Join페이지 항목 아이디 패스워드 이름 별명 생년월일 성별 전화번호 핸드폰번호 회원가입시 등급이 있다. level 3: 최고관리자 level 2 : 관리자 level 1 : 사용자 level 0 : 승인 전 단계 Welcome페이지 :회원가입 내용을 확인할 수 있다. 아이디 이름 성별 전화번호 핸드폰번호 3. Login페이지 로그인은 아이디와 패스워드 일치여부 4. Board페이지 테이블 항목 순번 제목 작성자 [회원닉네임]..

  • format_list_bulleted TIL(Today I Learned)
  • · 2023. 1. 3.
  • textsms
728x90