프로그래밍 삽질 중

* 상황 : Word의 값을 찾을 때 UserId값이 필요(SQL : select * from word from UserId = req.user.id) * req.user.id값은 로그인 하지 않았을 경우 계속 undefined로 표시 * 로그인이 됬을 때만 req.user.id값으로 찾는 정보들이 표시되고 아닐 경우 Word 값 표시되지 않게 하기 const express = require("express"); const { isLoggedIn, isNotLoggedIn } = require("./middlewares"); const { Post, User, Hashtag, Word } = require("../../models"); const { Op, fn, col, literal } = requi..

* 상황 - 메인 페이지(index.html)에서 mysql에 넣은 정보를 검색하려고 함 - 문제 : index.html 내용은 바뀌지 않고 영어단어 입력 후 검색 버튼만 눌렀을 때 검색 결과만 나오게 하고 싶었음 * mysql - 영어로 "goose"라는 것을 치면 "오리", "advance"가 나오게 할 것 - 단 status가 "D"인 것은 검색되지 않게 함 - 검색 시 nulll이 나옴(프론트 단에서는 "단어가 없다"고 알림이 뜸) * axios.get - 파라미터(params)를 url에 입력 후 정보를 찾아야 함 더보기 router.get("/find/:english", async (req, res, next) => { const english = req.params.english; try {..

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..

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

* 상황 : 삭제한 단어들 안에 각각 "단어 복구하기" 버튼 존재 -> 버튼을 누르면 삭제되었던 것이 다시 원래 항목으로 돌아감 * 실제로 delete로 데이터가 완전히 삭제된 것이 아닌 status가 D -> A로 이동하는 과정 * 만들어야 하는 것들 - 단어 확인하기 버튼 누르면 staus가 "D"인 항목들 보여주기 - 닫기 버튼 누르면 staus가 "D"인 항목들 삭제하기 - 단어 복구하기 버튼을 누르면 status가 "D"에서 "A"로 이동 * 말보다는 동영상 첨부가 효율적일 것 같아 첨부 * API는 첨부하지 않음 * HTML, JS만 첨부 HTML 삭제한 단어들 단어 확인하기 닫기 //JS를 통해 넣을 정보들 JS function changeStatusWord(event, token) { if..

* 체크박스에 체크된 개수 세는 데 이 코드 사용 안 함 => https://ba-gotocode131.tistory.com/180 [javascript] 객체의 값 반복문 사용, 반복되는 코드 함수로 통일 * 객체의 길이를 구하기 위해 for문을 썼다가 중복되는 부분이 많아 함수로 합치는 과정에서 반복문 for ...in을 알게 됨 * 객체의 경우 index가 있으므로 for ..in 사용이 효과적 - 참고 : http://daplus.net/j ba-gotocode131.tistory.com -> 체크박스에서 체크 항목 누르면 눌러진만큼 숫자가 변화해야 하는데 변하지 않음 -> 다른 방법 필요했음 -> 참고 : https://hianna.tistory.com/431 [Javascript] 체크박스에 ..

* 객체의 길이를 구하기 위해 for문을 썼다가 중복되는 부분이 많아 함수로 합치는 과정에서 반복문 for ...in을 알게 됨 * 객체의 경우 index가 있으므로 for ..in 사용이 효과적 - 참고 : http://daplus.net/javascript-javascript-%EA%B0%9D%EC%B2%B4%EB%A5%BC-%EB%B0%98%EB%B3%B5%ED%95%98%EA%B1%B0%EB%82%98-%EC%97%B4%EA%B1%B0%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/ [javascript] JavaScript 객체를 반복하거나 열거하는 방법 - 리뷰나라 다음과 같은 JavaScript 객체가 있습니다. var p = { "p1": "value1", "p2": "..

1) 여러가지 input 작성 후 값 불러오기 - 정확히 말하면 input 값에다가 버튼 클릭 시 값이 전달되게 하는 것 - 단계를 한 가지 더 둠(정확한 event.target.value 값을 찾기 위함) const $english = document.querySelector(".matrix-input-eng-middle"); const $korean = document.querySelector(".matrix-input-kor-middle"); const english = $english.value; const korean = $korean.value; 2) scroll - 한정된 공간에서 div값이 추가 될 때마다 길이가 늘어남 방지 - 참고 : https://unikys.tistory.com/28..