프로그래밍 삽질 중

참고 : https://velog.io/@forestin_s2/%EC%9B%B9-%EA%B2%8C%EC%9E%84%EC%9D%84-%EB%A7%8C%EB%93%A4%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-React-2.-%EA%B5%AC%EA%B5%AC%EB%8B%A8-%EB%A7%8C%EB%93%A4%EA%B8%B0 [웹 게임을 만들며 배우는 React] 2. 구구단 만들기 리액트의 기능을 최대로 끌어올릴 수 있는 클래스형 컴포넌트로 구현했습니다. state를 사용하기 위함입니다.위 코드가 클래스형 컴포넌트의 구성입니다.LikeButton이라는 클래스가 state와 render 함 velog.io 1. 클래스형 컴포넌트 : state 사용 위함 class GuGudan ext..

1) 문제 : WHERE parameter "id" has invalid "undefined" value -> patch 사용 중 id값이 계속 전달되지 않음 참고한 내용 https://stackoverflow.com/questions/68560280/error-where-parameter-id-has-invalid-undefined-value-reactjs axios로 넘기는 주소를 "/word/allStatus"로 하니 오류 발생 -> allStatus가 문제라기 보단, `id`=? 내 id값 즉 숫자가 들어가지 않아 생긴 오류 -> /status/1로 변경 //오류 코드 router.patch("/allStatus", function (req, res, next) { try { // const wo..

개별 checkbox가 눌리고 마지막 체크박스에서 전에 checkbox가 눌려짐 See the Pen 체크박스 예제 by 0131ryu (@0131ryu) on CodePen. 참고한 사이트 https://yong-nyong.tistory.com/5 [JavaScript]자바스크립트 체크 박스 선택,해제 시 버튼 활성화,비활성화(회원 가입,약관 동의) 예제 📖 들어가며 자바스크립트를 이용한 회원가입, 약관 동의 예제를 검색하면 jQuery를 이용한 예제가 많은데, 요즘에는 jQuery를 많이 사용하지 않는 추세이고, 순수 Vanilla 자바스크립트를 사용하며 yong-nyong.tistory.com https://medium.com/sjk5766/javascript-object-key-vs-object-..

* 상황 : 카카오로 로그인 하는 과정에서 오류가 생김 * 오류 원문 kakao notnull violation: user.email cannot be null, notnull violation: user.password cannot be null kakao login notnull violation: user.email cannot be null parent: Error: Field 'email' doesn't have a default value * 문제 해결에 도움을 준 글 https://www.inflearn.com/questions/5623 카카로 로그인 버튼을 누르면 notNull Violation: user.email cannot be null 라는 에러 메시지를 받습니다. - 이메일을 nu..

- sequelize : sql 작업을 쉽게 할 수 있도록 도와주는 라이브러리 - ORM : object relational mapping의 앞글자로 객체와 데이터를 매핑(1대1 짝지음) - 자바스크립트 문법으로 데이터베이스 조작 가능 - sequelize를 왜 사용하는가? * 선언문, 할당, 종료 같은 부수적인 코드가 없거나 급격히 줄어든다. * 각종 객체에 대한 코드를 별도로 작성하기 때문에 코드의 가독성을 올려준다. * SQL의 절차적이고 순차적인 접근이 아닌 객체 지향적인 접근으로 인해 생산성이 증가한다. 출처 : https://velog.io/@source39/Sequelize%EC%97%90-%EB%8C%80%ED%95%9C-%EA%B3%B5%EB%B6%80-%EC%99%9C-%EC%82%AC..

* 영어단어장 만들기(html, css, javascript, react 사용) * 주소 : 영단어 외우기 (engword.shop) 영단어 외우기 매일매일 쌓아가는, 영단어 외우기 www.engword.shop * 기능 1) 회원가입, 로그인 2) 로그인 전에는 글쓰기 기능 없음 3) 로그인 후 영어, 한글 단어 작성 후 추가 가능 4) 단어 수정, 삭제 5) 체크박스에 단어 체크 시 오른쪽에 숫자 변경(외운 단어 수)됨 6) 단어 삭제 후 복원 7) 단어 찾기(삭제한 단어는 찾을 수 없음) 8) 로그아웃 후 다른 계정에서 확인(닉네임이 다름) 1) 회원가입, 로그인 2) 로그인 전에는 글쓰기 기능 없음 3) 로그인 후 영어, 한글 단어 작성 후 추가 가능 4) 단어 수정, 삭제 5) 체크박스에 단어 ..

깃 레포지토리 변경 https://webisfree.com/2020-04-14/[git]-git-remote-repository-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 [Git] git remote repository 변경하는 방법 Git에서 리모트 저장소(remote repository)를 다른 주소 URL로 변경하고자 합니다. 예를들어 두 개의 git 리모트 저장소 있는 경우 한 쪽에서 다른 쪽으로 바꾸는 경우가 있겠죠. webisfree.com 깃 커밋 삭제 https://computer-science-student.tistory.com/540 [Git] 특정 커밋(commit) 삭제 : rebase 사용 [Git] 특정 커밋(commit..

https://ba-gotocode131.tistory.com/185 ubuntu에서 연결한 url가 cannot get으로 나올 경우 * https://ba-gotocode131.tistory.com/184 ubuntu에 vscode 연결 + nginx reverse proxy 설정 및 ubuntu에서 생기는 오류 정리 * 상황 : 테스트를 위해 만든 localhost:3000이 아니라 배포를 위해 ubuntu에서 설.. ba-gotocode131.tistory.com -> 이후 내용 pm2 사용 이유 - 노드몬이나 일반 프로세스로 실행 시, 터미널과 연결이 끊기면 프로세스 종료됨 - pm2 사용해서 노드 실행 시 이와 무관하게 백그라운드에서 노드 돌릴 수 있음 - 서버에서 에러가 나도 자동으로 재시작..