[React] Cannot read property 'params' of undefined 에러 해결하기

오류가 난 코드는 다음과 같다.옛날 코드를 보면서 작성중이였는데, 알고보니 react-router-dom이 버전6으로 업그레이드 되면서 파라미터를 받기 위해 match 객체를 사용했던 방식을 더이상 사용하지 않는다는 것이다.이제 아래의 코드처럼 useParams()를

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

[React] 리액트 라이프사이클

React의 LifeCycle은 크게 3가지로 나눌 수 있다.마운트, 업데이트, 언마운트컴포넌트가 만들어질때마다 가장 먼저 생성되는 메서드props로 받아온 값을 state로 동기화하는 작업을 해야할 때 사용props나 state를 변경했을 때, 리렌더링을 할지말지 결

2023년 4월 6일
·
0개의 댓글
·

[Java] JSP 게시판 만들기 - DB 연결

UserDAO

2023년 3월 29일
·
0개의 댓글
·
post-thumbnail

[jQuery] Ajax 이용해서 게시글 수정 구현해보기 (feat. event.target)

개인 프로젝트 작업 중 Ajax를 이용해서 게시판 수정 기능을 구현하고 싶었다.=> 이렇게!!ajax 구현은 처음이라 많이 복잡하고 어렵게 느껴졌는데, 차근차근 하나씩 코드를 작성해보고 테스트를 해가며 구현했더니 막상 완성된 코드는 그렇게 어렵지 않다는 것을 알게 되었

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[jQuery] Ajax GET 방식으로 데이터 받아오기 (feat. this)

노드 개인 프로젝트 작업 중, 간단한 후기를 남길 수 있는 게시판 페이지를 만들다가 문제에 봉착했다.다음과 같이 "수정" 버튼을 누르면 해당 게시글이 input창으로 바뀌며 따로 페이지 이동 없이 ajax를 이용해서 수정을 하고 싶었기 때문이였다.그래서, 처음에 작성한

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

[Node.js] 로그인 정보 받아오지 못할 때 문제 해결

node.js와 mongoDB를 이용해서 간단한 홈페이지를 만들고 있던 도중, 로그인 상태를 확인하기 위해 한참을 고민한 끝에 미들웨어를 이용해 해결했다.그런데,controllers/user.jsmiddleware/loginCheck.jsroutes/index.js이렇

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

[MongoDB] mongoDB Connection Error! MongooseServerSelectionError: connect ECONNREFUSED 127.0.0.1:27017 에러 해결

node.js + mongoDB 작업 중 위와 같은 에러가 떴다.아예 몽고디비에 접속이 되지 않아 테스트가 불가능한 상태.생각해보니 전에 한번 실수로 작업관리자에서 몽고서버를 종료시킨 기억이 난다.지금은 해결이 되서 상태가 실행 중이라고 뜨지만, 아까 에러가 뜰 경우

2023년 1월 10일
·
0개의 댓글
·

[Node.js] mongoDB, bcrypt 이용한 로그인 구현

로그인 기능 구현하면서 겪은 문제 \*처음엔 이렇게 작성했었는데 잘못된 비밀번호를 입력해도 자꾸 로그인 성공으로 인식해버렸다. (return값이 항상 true)하지만 await을 붙여줘야 하는 것을 알았다!⬇️ 참고한 사이트https://stackoverflo

2023년 1월 5일
·
0개의 댓글
·
post-thumbnail

[Node.js] mongoDB 연동하기

기본 연결npm initnpm i express cors dotenvnpm i nodemon -D\-> .env 파일 생성해서 PORT=3000 입력server.js >터미널에서 npx nodemon server 실행 시서버가 잘 연결되었다app.get('/', (re

2022년 12월 4일
·
0개의 댓글
·

[Python] 웹 크롤링 (2)

세팅하기url = "https://www.~/"qp = "Query Parameter 부분 curPage="postNum = \[] count = 1 \`\`\`1) WorkBook 생성2) Sheet 활성3) 데이터프레임 내 header(변수명) 생성글 목

2022년 11월 24일
·
0개의 댓글
·
post-thumbnail

[Python] 웹 크롤링 도전기 (1)

python도 이렇게 제대로 사용하는건 처음이고, 웹 크롤링이라고 하는 것은 더더욱 처음 해보지만 해야할 일이 생겨서 도전처음엔 주소를 하나로 묶어서 사용했으나, 사이에 들어가야하는 게시글 번호 등을 고려해 아예 나눴다여기서 hrefs의 형태이제 주소 사이에 들어가는

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

mongoDB 설치하기

homebrew 설치https://brew.sh/index_ko위 주소 들어가서 가운데에 나타나는 코드 터미널에 복사 후 설치패키지 저장소 확보몽고db 최신 버전 찾기몽고db 설치프로세스 확인버전 확인환경변수1) 터미널 열어서2) i 눌러서 Insert 모드로

2022년 11월 20일
·
0개의 댓글
·

[React] mouse over시 서브 메뉴 나타나게 하기

2022년 10월 31일
·
0개의 댓글
·

[React] useState 이용한 input 값 입력 및 출력

localStorage를 이용한 input 값 저장 후 출력(페이지 나갔다가 다시 들어왔을 때나 새로고침을 해도 데이터가 그대로 남아있음)

2022년 10월 31일
·
0개의 댓글
·

[React] useState

아코디언을 리액트로 구현하는 과정에서 기존에는 이러한 방법을 썼다면, useState를 이용해서 다음과 같이 작성할 수 있다. > useState() : 배열을 return 해주는 함수

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

[React] 리액트 시작하기

npx create-react-app 프로젝트 폴더명src : node에서 view 폴더 같은 역할npm start\-> src > App.js 파일이 실행파일 수정 시 새로고침 하지 않아도 자동으로 페이지가 고쳐진다<리액트의 기본 구조>

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

github에서 폴더/파일 삭제하기

git에 실수로 파일 혹은 폴더를 잘못 올렸을 경우 삭제하는 방법.gitignore작업 폴더에 .gitignore 파일 생성 후 git 업로드 할 때 같이 올리고 싶지 않은 파일, 혹은 폴더의 이름을 작성해주면 된다.git 명령어 이용하기깜빡하고 .gitignore를

2022년 8월 11일
·
0개의 댓글
·

node.js 서버 만들기

npm i init (초기화 시켜주는 역할) ==> package.json 파일 생성됨npm i expressnpm i corsnpm i nodemon -D (개발자 모드에서 nodemon 설치)npm i dotenv ==> .env 파일 만들고 PORT=3500 작성

2022년 8월 7일
·
0개의 댓글
·
post-thumbnail

git 기본 이용 방법

echo "git initgit add README.mdgit commit -m "first commit"git branch -M maingit remote add originhttps://github.com/SoyoungYu/작업파일.gitgit push -

2022년 8월 3일
·
0개의 댓글
·

[Javascript] 객체 key와 value 생성, shorthand

id 값과 같은 변수가 선언되어 있지 않은 경우 다음 코드와 같이 직접 데이터를 정의변수가 정의되어 있는 경우 (추천)(1)(2)(2)- 1. js 객체는 key값과 value값이 같으면 value를 생략 가능 (추천)

2022년 7월 28일
·
0개의 댓글
·