프로그래밍 삽질 중

* 현재 진행상황 - 프로젝트에 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..

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리 * 오류를 따로 정리하는 페이지(컴퓨터 설정&오류)가 있으나 강의와 직접적인 오류라 생각해 이 곳에 정리 * 회원가입, 로그아웃, 인증하기 순서로 이어져야 하나 도중 인증하기에서 오류가 발생해서 남김 * 문제 원인 : 강의 내용 중 hoc/auth.js를 작성 후 코드 실행 시(npm run dev) 화면에 빈 화면 나옴 오류 내용 : unctions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than ret..

* 문제 : 회원가입 완료 후 로그인 페이지로 이동 시 오류 발생 * props.history.push로 진행 시 페이지 이동하지 않음 * 해결책 - "따라하며 배우는 노드 리액트 기본" 31강 강의 커뮤니티 질문에서 답을 얻음 문제 해결 수정 전 import React, { useState } from "react"; import { useDispatch } from "react-redux"; import { registerUser } from "../../../_action/user_action"; function RegisterPage(props) { const dispatch = useDispatch(); const [Email, setEmail] = useState(""); const [Name..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 화살표 함수 - 화살표 함수 = 익명 함수 - 참조할 이름 필요 = 함수를 변수에 할당 (여기서는 name) //변경 전 const animal1 = function(name) { return "안녕하세요" + name; } //변경 후 const animal2 = (name) => { return "안녕하세요" + name; } //매개변수가 하나만 있으면 괄호 생략 가능 const animal3 = name => { return "안녕하세요" + name; } //매개변수가 없으면 빈 괄호 const animal4 = () => {..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ var - var로 변수 선언 시 함수 스코프에 종속됨 - 단, for루프 내에서 var 변수를 선언 시 for문 밖에서도 변수 사용 가능 - 새 값을 재할당 시 블록 바깥에서는 값 변경됨 - 정의되기 전에 접근 가능하나(undefined로 표시) 그 값에는 접근 불가 for (var i = 0; i< 5; i++) { var program1 = "그것이 알고 싶다 1992~"; } console.log(program1); //"그것이 알고 싶다 1992~" function myProgram() { var program2 = "무한도전..