프로그래밍 삽질 중

* 상황 - form태그에서 지정한 경로로 정보를 보내기 전 유효성 검사 필요(각각 이메일, 닉네임, 비밀번호) - form 태그 내 onsubmit을 이용함 * 참고한 블로그 https://olsh1108o.tistory.com/entry/JS-%ED%9A%8C%EC%9B%90%EA%B0%80%EC%9E%85-%EC%9C%A0%ED%9A%A8%EC%84%B1-%EA%B2%80%EC%82%AC [JS] 회원가입 유효성 검사 [HTML 레이아웃] [HTML 코드] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49..

* 결과 - mysql에서 좋아요 누르기 전에는 Like 테이블이 빈칸 - 자신이 작성한 글에 좋아요를 누르면 Like 테이블에 입력되지 않음 - 좋아요 버튼을 누르면 Like 테이블에 값이 들어감 - 좋아요 취소 버튼을 누르면 Like 테이블에서 사라짐 * 매우매우매우 도움된 참고글 https://www.inflearn.com/questions/539697 게시글 좋아요 누르기 및 좋아요 취소하기 질문입니다 - 인프런 | 질문 & 답변 계속 고민하다 이렇게 질문을 남깁니다. 우선 제가 시도한 방법부터 알려드리자면 db.User.belongsToMany(db.Post, { through: 'Like'}); db.Post.belongsToMany(db.User, { through: 'Like', as: '..

* 상황 : User함수를 Followers, Followings로 as로 명칭 정함, through를 통해 "Follow" 모델을 생성 = (sql문: create Follow) - as에 적힌 문자를 통해 다양한 시퀄라이즈 생성(belongsToMany 일 때만 가능) ex) addFollowings, addFollowing, getFollowing, setFollowing, removeFollowing 지원 A.getB : 관계 있는 로우(row) 조회 A.addB : 관계 생성 A.setB : 관계 수정 A.removeB : 관계 제거 db.User.belongsToMany(db.User, { foreignKey: "followingId", as: "Followers", through: "Foll..

* 상황 : 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 {..

참고 : 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-..