전체 글

[React] [nodejs] req.body 데이터 undefined 오류 해결(FormData undefined)

Node.js와 React를 통해 프로젝트를 하던 중 오류가 발생했다. React와 Node.js를 활용한 고객 관리 시스템 개발 - 구름EDU 리액트와 node.js를 이용해 웹 기반의 고객 관리 시스템을 개발해봅시다. edu.goorm.io 위 링크의 강의를 듣고나서 회원가입 페이지를 구현했는데, 같은 방식으로 로그인 기능을 구현하려니 오류가 발생했다. 기존의 오류가 발생한 코드는 아래와 같다. FormData에 userid, userpw를 추가해 post해 주는 방법을 썼다. 그러나 서버 쪽에서 정보를 받을 때 req.body 데이터가 계속 undefined로 나왔다. (ㅠㅠ)( body-parser도 썼는데 오류가 발생했었다. ) login = (e) => { e.preventDefault() c..

[Python] 파이썬의 정렬 함수(sort(), sorted())를 알아보자.

파이썬으로 코딩테스트를 준비하며 잊고있던 파이썬 문법을 하나씩 찾아보는 중이다. 이번엔 sort()와 sorted() 함수에 대해서 알아보겠다. 일반적으로 파이썬으로 정렬을 할 때 sorted() 나 .sort() 를 사용한다. list.sort()는 파이썬 내장 메서드로, 리스트를 제자리에서 수정한다. 일반적으로 sorted() 보다 덜 편리하지만 원래 목록이 필요하지 않다면 이것이 약간 더 효율적이다. sorted()는 이터러블로부터 새로운 정렬된 리스트를 만드는 내장함수이다. (sort()는 리스트에게만 정의되지만, sorted() 함수는 모든 이터러블을 받아들인다.) 오름차순과 내림차순 a = [1, 10, 5, 7, 6] a.sort() # 오름차순 정렬 print(a) # [1, 5, 6, 7..

[Python] 백준/BOJ - 1026번: 보물

1026번: 보물 첫째 줄에 N이 주어진다. 둘째 줄에는 A에 있는 N개의 수가 순서대로 주어지고, 셋째 줄에는 B에 있는 수가 순서대로 주어진다. N은 50보다 작거나 같은 자연수이고, A와 B의 각 원소는 100보다 작거 www.acmicpc.net 문제 옛날 옛적에 수학이 항상 큰 골칫거리였던 나라가 있었다. 이 나라의 국왕 김지민은 다음과 같은 문제를 내고 큰 상금을 걸었다. 길이가 N인 정수 배열 A와 B가 있다. 다음과 같이 함수 S를 정의하자. S = A[0] × B[0] + ... + A[N-1] × B[N-1] S의 값을 가장 작게 만들기 위해 A의 수를 재배열하자. 단, B에 있는 수는 재배열하면 안 된다. S의 최솟값을 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 N이 주어진다. ..

[Python] 백준/BOJ - 11047번: 동전 0

11047번: 동전 0 첫째 줄에 N과 K가 주어진다. (1 ≤ N ≤ 10, 1 ≤ K ≤ 100,000,000) 둘째 줄부터 N개의 줄에 동전의 가치 Ai가 오름차순으로 주어진다. (1 ≤ Ai ≤ 1,000,000, A1 = 1, i ≥ 2인 경우에 Ai는 Ai-1의 배수) www.acmicpc.net 문제 동전은 총 N종류이고, 그 동전을 사용해 그 합을 K로 만들려고 한다. 이 때 필요한 동전 개수의 최솟값을 구하는 프로그램을 작성하라. 입력 첫째 줄: N, K(1

[Python] 백준/BOJ - 1157번: 단어 공부

1157번: 단어 공부 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. www.acmicpc.net 문제 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램 작성하기. (대소문자 구분 X) 입력 알파벳 대소문자 단어. (단어 길이 < 1,000,000) 출력 가장 많이 사용된 알파벳을 대문자로 출력. 가장 많이 사용된 알파벳이 여러개라면 ?를 출력 예제 입력 1 Mississipi 예제 출력 1 ? 예제 입력 2 zZa 예제 출력 2 Z 예제 입력 3 z 예제 출력 3 Z 예제 입력 4 baaa 예제 출력 4 A 풀이 구현 문제들 중에서 정..

[React] 'unexpected use of 'history' no-restricted-globals' 오류 해결 😭

회원가입을 하고 나서 메인화면으로 보내주고 싶어서 history.push를 쓰려고 하는데 자꾸 history가 없다고 오류가 떠서 계속 고민했다. 원래는 App.js에서 아래와 같이 Route를 써주고, RegisterPage에서 Register라는 컴포넌트를 불러서 쓰는 형식으로 구현을 했었다. 아래 코드와 같이,, App.js import './App.css'; import { BrowserRouter as Router, Switch, Route, } from "react-router-dom"; import Main from './views/Main'; import LoginPage from './views/LoginPage'; import RegisterPage from './views/Regist..

[Python] 백준/BOJ - 8958번: OX퀴즈

8958번: OX퀴즈 "OOXXOXXOOO"와 같은 OX퀴즈의 결과가 있다. O는 문제를 맞은 것이고, X는 문제를 틀린 것이다. 문제를 맞은 경우 그 문제의 점수는 그 문제까지 연속된 O의 개수가 된다. 예를 들어, 10번 문제의 점수 www.acmicpc.net 문제 "OOXXOXXOOO"와 같은 OX퀴즈의 결과가 있다. 문제를 맞은 경우, 그 문제의 점수는 그 문제까지 연속된 O의 개수가 된다. OX퀴즈의 결과가 주어졌을 때, 점수를 구하는 프로그램을 작성하시오. (예를 들어 "OOXXOXXOOO"의 점수는 1+2+0+0+1+0+0+1+2+3 = 10점) 입력 첫 줄에 테스트 케이스의 개수가 주어진다. 각 테스트 케이스는 한 줄. 0 < 문자열 길이 < 80. 문자열은 O와 X로만. 출력 각 테스트..

[Python] 백준/BOJ - 5885번: 거스름돈

5585번: 거스름돈 타로는 자주 JOI잡화점에서 물건을 산다. JOI잡화점에는 잔돈으로 500엔, 100엔, 50엔, 10엔, 5엔, 1엔이 충분히 있고, 언제나 거스름돈 개수가 가장 적게 잔돈을 준다. 타로가 JOI잡화점에서 물건을 사 www.acmicpc.net 문제 타로는 잡화점에서 물건을 산다. 잡화점에는 잔돈으로 500엔, 100엔, 50엔, 10엔, 5엔, 1엔이 충분히 있고, 언제나 거스름돈 개수가 가장 적게 잔돈을 준다. 타로가 잡화점에서 물건을 계산할 때 1000엔 지폐를 한 장 냈을 때, 받을 잔돈의 개수를 구하시오. 입력 타로가 지불할 돈(구매할 상품의 가격)(1이상 1000미만의 정수) 출력 잔돈에 포함된 매수 예제 입력 1 380 예제 출력 1 4 예제 입력 2 1 예제 출력 2..