프로그래밍 삽질 중

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) REDUX , REACT 설명 더보기 redux - 상태관리 라이브러리 - 리덕스 스토어(메소드 이용)에 저장 시 정보소통(state)이 원활해짐 - props 1. property의 줄임말 2. 컴포넌트간에 뭔가를 주고 받을 때 사용 3. 위에서 아래로(부모 -> 자식) 전달 4. 전달 시 값이 변하지 않음 - state 1. 컴포넌트 안에서 데이터 교환, 전달 2. 값이 변할 때 리랜더링 됨 redux..

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리 * 오류를 따로 정리하는 페이지(컴퓨터 설정&오류)가 있으나 강의와 직접적인 오류라 생각해 이 곳에 정리 * 문제 원인 : dep_webpack_dev_server_on_after_setup_middleware] deprecationwarning: 'onaftersetupmiddleware' option is deprecated. please use the 'setupmiddlewares' option. - 상황 : server 포트를 5000, client 포트를 3000으로 진행할 경우 이를 연결할 "Proxy"를 설치해야하는데 인프런 강의대로 코드 작성 시 위와 같은 오류 발생 * 오류 내용 : middleware를 ..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 문자열 삽입 -> + 로 따로 분리해서 삽입하던 것을 ``(백틱)을 이용해 쉽게 작성 //이전 방식 var name = "anna"; var greeting = "안녕하세요 제 이름은 " + name + "입니다."; console.log(greeting) //"안녕하세요 제 이름은 anna입니다." //백틱 방식 var name2 = "john"; var greeting2 = `안녕하세요 제 이름은 ${name2}입니다.` console.log(greeting2) //"안녕하세요 제 이름은 john입니다." ○ 표현식 삽입 //이전 ..

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) [인증 기능 만들기 - server 부분] 1. index.js에 router 만들기 2. auth.ctrl.js에서 기능만들기 - 로그아웃 기능 3. postman에서 확인하기 ○ 1. index.js에 router 만들기 const express = require("express"); const router = express.Router(); const authCtrl = require("./auth...

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) *참고할 글(Cookie VS Session VS Token(JWT) 차이) (https://devyuseon.github.io/about%20dev/cookie-session-token/) [인증 기능 만들기 - server 부분] 1. index.js에 router 만들기 2. auth.ctrl.js에서 기능만들기 - 인증이 성공한다면 나올 정보들 3. models/User.js 인증을 하는 메서드 만..

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) [로그인 만들기 - server 부분] 1. index.js에 router 만들기 2. auth.ctrl.js에서 기능만들기 - mongoDB에 저장한 users와 이메일이 맞는지 - 이메일이 맞다면 비밀번호가 같은지 - 비밀번호가 갖다면 토큰을 생성할 것 3. auth.ctrl에 들어간 기능들을 models/User.js에서 생성하기 - comparePassword : 저장된 비밀번호와 입력한 비밀번호가..

* 현재 진행상황 - 프로젝트에 CRUD만 만든 상황 - fetch로 로그인 했으나 auth로 로그인 및 react로 로그인 화면을 만드는 것이 중요하다고 판단 - node.js 화면단을 ejs로 만들었으나 react에서 js로 만들 예정 - 참고 강의 : 따라하면서 배우는 노드, 리액트(로그인 부분) 항목들 폴더 config middleware model routes src views 문서 dev/key/prod auth user/stay 등 ctrl, index public 화면단 설명 mongoDB와 연결 route안 auth 작동하기 위한 미들웨어 스키마 및 함수 존재 컨트롤러 존재 (get, post 다룸) css, image, js 존재 react 적용 시 없어질 예정 [회원가입 만들기 - s..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 함수 기본값 인수 이전 문제 - '기본값이 인수 목록의 끝이 아닌 시작 부분에 있도록 하려면'의 해결법 function world(city, country, continent) { if(typeof country === 'undefined') { country = 'Korea'; //기본값으로 대체 } if(typeof continent === 'undefined') { continent = 'Asia'; //기본값으로 대체 } console.log(continent, country, city) } world("seoul"); //Ai..