프로그래밍 삽질 중

* 이전에 올린 프로젝트(영단어) 로그인 중 오류 생김 - 이전에 ubuntu에 이미 파일을 올렸다고 가정 - kakao api는 .env에 저장함 * 원인 : REST API 키 기간 만료된 것으로 추정 1. 카카오(https://developers.kakao.com/)에 로그인 후 내 애플리케이션 들어가기 2. "앱키"에 들어가기 3. REST API 재발급 받기 4. ubuntu에서 .env 파일의 기존 내용 변경 //관리자모드 sudo su //.env 있는 폴더로 이동 cd 폴더이름 //기존 .env 파일 내용 확인 cat .env //내용 변경 vi .env //내용 변경 원함 i //내용 수정하고 저장 키보드 자판기 esc버튼 누르기 //최종 저장하고 나긱 :wq!

* 목표 - 이전에 배포했던 영단어 version 2(자바스크립트(js))를 타입스크립트로(ts) 변환하는 것이 목적 * 첫 번째 ▶ interface 사용 문제점 : 대다수 함수에 사용된 매개변수(english, korean, type, status(간간히))가 모두 string 값이나 interface로 사용 시 js로 변환하면 사라짐 ▶ 제네릭을 이용해보자 생각함 ▶ ts에서 이벤트 사용하기 문제점1 : js 내 document.querySelector는 ts에서 인식되지 않음 ▶ 해결책 : https://stackoverflow.com/questions/12989741/the-property-value-does-not-exist-on-value-of-type-htmlelement Typescrip..

* 참고 : https://story.pxd.co.kr/1593 Typescript 알아보기 2편 들어가며 지난 1편에서 타입스크립트가 어떤 언어이고 왜 쓰면 좋은지 알아보았다면 이번엔 이 정적인 언어를 어떻게 적용하는지 알아보도록 합시다. 타입스크립트 적용해 보기 지금부터 타입 story.pxd.co.kr * 참고 : https://littleworks.tistory.com/20 [Typescript] 내 첫 typescript 만들기(컴파일, html에서 확인하기) 오늘은 땅콩코딩님 영상 보고 스스로 연습한 부분을 정리해보겠다. 첫 typescript 파일 만들기 ! (설치는 이전글) 결국 typescript자체는 브라우저에서 동작하지 않기 때문에, typescript 를 javascript로 컴 l..

* 영어 단어장 만들기 version 2 [개선점] * version 1의 단점 - 기존 : js 파일에 mysql 쿼리를 등록, 다른 방법은 없을까? ▶ 변경 : 시퀄라이즈 사용 (장점 : 데이터 삭제 및 테이블 생성 시 유용) ▶ 변경 : 특히 join등을 통해 user의 정보로 posts나 words의 정보를 가져올 수 있음 * 기존: html 내에서 작업 중 일부 데이터에 바로 적용하는 것에 어려움 겪음 ▶ 변경 : nunjucks 사용해 적용해보기({{}}를 통해 변수의 값을 넘길 수 있음) * 기존 : 로그인, 회원가입 : JWT토큰 ▶ 변경 : bcrypt로 비밀번호 설정 및 Passport 사용 ▶ 변경 : 카카오톡 로그인 및 로그인/비로그인 여부 미들웨어 설정함 * 변경된 단어장 기능 -..

* git pull 오류 해결 https://goddaehee.tistory.com/253 [Git (6)] git pull 에러 해결방법 (Your local changes to the following files would be overwritten by merge ) [Git (6)] git pull 에러 해결 (Your local changes to the following files would be overwritten by merge ) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git pull 충돌 에러 해결방법 ] 입니다. : ) 1... goddaehee.tistory.com * git 파일 삭제/추가 시 충돌 해결 ( fit them up in the work tree, and th..

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