전체 글

-
✋ 준비할 것 1. 우선, node.js를 설치해야 한다. https://nodejs.org/en/ 설치가 끝났다면, cmd에서 node -v를 타이핑하여 설치가 되었는지 확인한다. 2. 다음은 React를 설치한다. npm install -g create-react-app 설치가 완료됐다면, React 프로젝트를 생성하고 싶은 위치에서 터미널을 열고 create-react-app [폴더명] 을 타이핑하여 생성한다. 이후 cd [생성한 폴더명] 을 타이핑하여 디렉토리를 변경 하고나서 npm start를 타이핑하면 위와 같은 화면이 출력될 것이다. 3. 이제 express를 설치할 차례이다. npm i express를 입력하여 설치한 후, 위와 같이 server폴더와 server.js src안에 route..
🚀 [React + Node.js(Express)] 연동해보자✋ 준비할 것 1. 우선, node.js를 설치해야 한다. https://nodejs.org/en/ 설치가 끝났다면, cmd에서 node -v를 타이핑하여 설치가 되었는지 확인한다. 2. 다음은 React를 설치한다. npm install -g create-react-app 설치가 완료됐다면, React 프로젝트를 생성하고 싶은 위치에서 터미널을 열고 create-react-app [폴더명] 을 타이핑하여 생성한다. 이후 cd [생성한 폴더명] 을 타이핑하여 디렉토리를 변경 하고나서 npm start를 타이핑하면 위와 같은 화면이 출력될 것이다. 3. 이제 express를 설치할 차례이다. npm i express를 입력하여 설치한 후, 위와 같이 server폴더와 server.js src안에 route..
2022.01.30 -
문제 번호 : 1351 번 문제 바로가기 ☞ https://www.acmicpc.net/problem/1351 const fs = require("fs"); const filePath = process.platform === "linux" ? "/dev/stdin" : "./input.txt"; let input = fs.readFileSync(filePath).toString().trim().split("\n"); let [N, P, Q] = input[0].split(" ").map(Number); let savedArr = {}; savedArr[0] = 1; const solution = (index) => { if (index < 0) { return; } const left = Math.flo..
[BaekJoon] 1351 번 무한 수열 문제 - (nodejs)문제 번호 : 1351 번 문제 바로가기 ☞ https://www.acmicpc.net/problem/1351 const fs = require("fs"); const filePath = process.platform === "linux" ? "/dev/stdin" : "./input.txt"; let input = fs.readFileSync(filePath).toString().trim().split("\n"); let [N, P, Q] = input[0].split(" ").map(Number); let savedArr = {}; savedArr[0] = 1; const solution = (index) => { if (index < 0) { return; } const left = Math.flo..
2022.01.30 -
👉 원인 react-router-dom이 v6로 업데이트 되었기 때문이다. v6에서는 Switch가 아닌 다른 방법을 사용한다. 👉 그래서 해결 방법은? // v5 // v6 위와 같이 v6에서는 Switch가 아닌 Routes를 사용하며, exact는 쓰지않고, component가 아닌 element를 이용한다. 만약 임의로 여러 라우팅을 매칭하고 싶을 땐 *를 이용합니다. 👉 성능 70% 작아진 번들 사이즈로 인해 성능이 상향 되었습니다. 출처 : https://miracleground.tistory.com/entry/Error-Switch-is-not-exported-from-react-router-dom-%ED%95%B4%EA%B2%B0
[오류 해결] 'Switch' is not exported from 'react-router-dom'👉 원인 react-router-dom이 v6로 업데이트 되었기 때문이다. v6에서는 Switch가 아닌 다른 방법을 사용한다. 👉 그래서 해결 방법은? // v5 // v6 위와 같이 v6에서는 Switch가 아닌 Routes를 사용하며, exact는 쓰지않고, component가 아닌 element를 이용한다. 만약 임의로 여러 라우팅을 매칭하고 싶을 땐 *를 이용합니다. 👉 성능 70% 작아진 번들 사이즈로 인해 성능이 상향 되었습니다. 출처 : https://miracleground.tistory.com/entry/Error-Switch-is-not-exported-from-react-router-dom-%ED%95%B4%EA%B2%B0
2022.01.30 -
문제 이름 : 주차 요금 계산 문제의 내용이 굉장히 길기 때문에 https://programmers.co.kr/learn/courses/30/lessons/92341 을 참고하세요. function solution(fees, records) { let answer = []; const toMinute = (index) => { index = index.split(':').map(Number); return index[0]*60+index[1]; } let carInfo = {}; let allPkTime = {}; records.map((el, i)=>{ let info = el.split(' '); if(info[2] === 'IN'){ carInfo[info[1]] = info[0]; }else{ c..
[Programmers] 주차 요금 계산 문제 - (javascript)문제 이름 : 주차 요금 계산 문제의 내용이 굉장히 길기 때문에 https://programmers.co.kr/learn/courses/30/lessons/92341 을 참고하세요. function solution(fees, records) { let answer = []; const toMinute = (index) => { index = index.split(':').map(Number); return index[0]*60+index[1]; } let carInfo = {}; let allPkTime = {}; records.map((el, i)=>{ let info = el.split(' '); if(info[2] === 'IN'){ carInfo[info[1]] = info[0]; }else{ c..
2022.01.29 -
문제 이름 : 모음사전 function solution(word) { let answer =0; const alpha = ['A', 'E', 'I', 'O', 'U']; let alphabets = []; const back_tracking = (count, arr) => { if(count === 5) return; for(let i=0; i
[Programmers] 모음사전 문제 - (javascript)문제 이름 : 모음사전 function solution(word) { let answer =0; const alpha = ['A', 'E', 'I', 'O', 'U']; let alphabets = []; const back_tracking = (count, arr) => { if(count === 5) return; for(let i=0; i
2022.01.29 -
문제 이름 : 타겟 넘버 function solution(numbers, target) { let answer =0; const operCall = { '+' : (a, b) => a+b, '-' : (a, b) => a-b } // 연산자 만들 갯수 const numberLen = numbers.length; const operate = ['+','-']; let operators = []; const comb = (cnt, arr)=>{ if(cnt===numberLen){ operators.push([...arr]); return; } for(let i=0;i
[Programmers] 타겟 넘버 문제 - (javascript)문제 이름 : 타겟 넘버 function solution(numbers, target) { let answer =0; const operCall = { '+' : (a, b) => a+b, '-' : (a, b) => a-b } // 연산자 만들 갯수 const numberLen = numbers.length; const operate = ['+','-']; let operators = []; const comb = (cnt, arr)=>{ if(cnt===numberLen){ operators.push([...arr]); return; } for(let i=0;i
2022.01.28