프로그래밍 삽질 중

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리 * 오류를 따로 정리하는 페이지(컴퓨터 설정&오류)가 있으나 강의와 직접적인 오류라 생각해 이 곳에 정리 * 회원가입, 로그아웃, 인증하기 순서로 이어져야 하나 도중 인증하기에서 오류가 발생해서 남김 * 문제 원인 : 강의 내용 중 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 = "무한도전..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 함수 선언 ① 함수 정의 function movie(title) { console.log("그것이 알고 싶다 : " + title) } movie("지선씨네 마인드") //"그것이 알고 싶다 : 지선씨네 마인드" title : 매개변수(파라미터 혹은 변수라고 함) console.log("그것이 알고 싶다 : " + title) : 명령문 - 원시 자료형이 함수에 전달될 때는 참조가 아니라 값의 형태로 전달됨 - 해당 값에 대한 변경 사항이 전역적으로 반영되지 않음 - 단, 객체나 배열을 함수에 전달할 경우 참조로 전달됨 - 원시 자료형..

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리 client 부분 : react를 이용해 로그인 부분 만들기 1) 리덕스(redux, redux-promise, redux-thunk, reducer 사용해 로그인 진행) 설치 2) index.js에 리덕스 연결하기 3) App.js에서 LoginPage 연결하는 링크 만들기 4) component/views단에 loginPage.js 만들기 - 강의에선 먼저 진행됨 5) _reducers 부분 - 로그인 여부 확인 만들기 6) _action 부분 - axios를 이용해 server의 로그인 여부 확인하기 7) 구글 크롬의 "Redux DevTools"로 확인하기 1) 리덕스(redux, redux-promise, redu..

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리따 server 부분 : node.js를 이용해 로그인 부분 만들기 1) mongoDB와 연결 2) users.js라는 스키마가 포함된 값 만들기(mongoDB와 연결됨) 3) 로그인 시 user.js값 확인 후 정보 가져오기 4) 정보가 맞는지 확인하기 5) 정보가 맞으면 logSuccess : true, 맞지 않으면 false 6) Postman으로 확인하기 1) mongoDB와 연결 - [index.js] const express = require("express"); const app = express(); const bodyParser = require("body-parser"); const User = requir..

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" - #29, 30 로그인 페이지 내용 중 오류 발생 오류 1) ReactDOM.render is no longer supported in React 18. Use createRoot instead - 문제 원인 : 리액트가 업데이트 됨에 따라 ReactDOM 대신 createRoot 사용할 것 오류 2) You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client" - 문제 원인 : 리액트가 업데이트 됨에 따라 react-dom대신 react-dom/client 사용할 것 [해결방법..