프로그래밍 삽질 중

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 함수 선언 ① 함수 정의 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 사용할 것 [해결방법..

* 인프런의 "따라하며 배우는 노드, 리액트 시리즈 - 기본 강의" 내용 중 정리따라하며 배우는 노드, 리액트 시리즈 - 기본 강의"따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 1. proxy - 언제 사용? react와 node.js의 서버가 다를 경우(한 쪽은 3000, 한 쪽은 5000 사용 시) (1) client 내 package.json에 'http-proxy-middleware" 설치 (2) client 내 src 폴더에 setupProxy.js 만들기, 아래 내용 추가 const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/api", cr..

* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 변수 -값을 담기 위한 공간, 자바스크립트는 var, let, const가 존재 ○ 자료형 - 자바스크립트 = 동적 언어, 정적언어(C, Java)와 달리 변수를 정의할 때 자료형 정의 필요 없음 -> 문제는 대규모 프로젝트 작업 시 문제 될 수 있음 -> 이를 위한 방법 = 타입스크립트(엄격한 자료형 준수) - 총 7개의 원시 자료형 존재 string number boolean null undefined symbol 문자열 숫자 불리언 널 정의되지 않음 심벌(ES6 추가) ○ 객체 - 원시 자료형은 한 번에 한 가지 값만 담을 수 있..

* 윈도우 기준 * 웹을 만드는 도중 404 error : 요청한 페이지 찾을 수 없음, 500 error : 맞긴 한데 뭔가 잘못해서 정확한 값을 찾지 못함으로 분리해서 만들었는데 session의 header값들이 나오지 않음 -> 원래 목적 : 로그인 시 session을 통해 nickname의 값이 나오도록 하는 것이 목적 [오류 모습] 1 2 3 Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client at new NodeError (node:internal/errors:371:5) at ServerResponse.setHeader (node:_http_outgoing:576:11) cs * 문제 해결 시 ..

- vscode 내 mysql 연동 시 오류 발생 - mysql.js 파일 내 정보 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var mysql = require('mysql'); var connection = mysql.createConnection({ host: 'localhost', user: 'nodejs', password: '12345678', database: 'opentutorials' }); connection.connect(); connection.query('select * from topic', function(error, results, fields) { if(error) { console.log(error); } console.log(resu..