비굴이의 개발일지

인스타그램이라 페이스북 같은 곳에는 해당 게시글이 작성된 시간이 간단하게 표시됩니다. 현재 시간과의 차이를 표시하며 그 중에서도 가장 큰 단위의 차이만을 표시합니다. 그 중에서도 sql DB에 저장되어 있는 createdAt를 활용해서 차이를 보여주고자 합니다. 우선 현재시간과 createdAt 시간의 차이를 구해줍니다. const now = new Date(); const createdTime = new Date({해당 데이터의 createdAt}); const timeGap = now - createdTime; console.log(timeGap) //17054326 그러면 위와 같이 17054326과 같은 숫자가 나옵니다. 해당 숫자는 1000*초로 되어있는 숫자입니다. 때문에 이 숫자를 이용하여 ..

TIL 2023. 2. 1. 14:11

소셜 로그인 방식에는 장점이 여럿 있습니다. 굳이 여러 정보를 물어보면서 회원가입을 시키지 않아도 된다는 점과 비밀번호 등을 저장하지 않아 비교적 DB가 안전해진다는 점이 대표적인 장점인 것 같습니다. 기본적으로 소셜 로그인이 작동하는 원리에 대해서 설명하도록 하겠습니다. 2가지 방식으로 소셜 로그인을 이용할 수가 있었는데 1.. 프론트엔드에서 카카오의 토큰까지 받아오는 방식 가장 많이 사용하는 방식인듯 하며 프론트엔드에서 인가코드에서 토큰까지 받아오기 때문에 소셜 로그인을 검색해보면 대부분 프론트엔드에 대한 내용이 많았습니다. 하지만 이러한 방식에서 인가 코드까지 받아오는 것에는 문제가 없었으나 해당 인가코드로 카카오 서버에 접속을 하면 client 에러가 발생하였고 생각보다 광범위한 에러라 해결방법을..

TIL 2023. 2. 1. 13:48

안녕하십니까? 비굴이입니다! 오늘은 layered architecture를 배우는 과정에서 sequelize join이 필요하여 이를 쓰고자 했습니다. 그런데 엄청나게 안되어서 하루종일 고생을 했습니다.... join이 되질 않더군요.... 우선 model 중에서 게시글이 있는 posts.js 와 좋아요를 표시하는 likes.js가 있었습니다. 두 model을 우선 N:1로 연결해줘야 했습니다. static associate부분에서 hasMany와 belongsTo 로 postId 기준으로 연결을 해줍니다. //model/posts.js const { Model } = require('sequelize'); module.exports = (sequelize, DataTypes) => { class Pos..

TIL 2023. 1. 12. 00:43

안녕하십니까 비굴이입니다! 항해99를 하면서 여러가지 파일을 만들고 작업을 하다보니 암호화의 필요성을 느꼈습니다. 특히 비밀번호를 저장하는 경우에는 암호화가 더욱 중요했습니다. 그래서 검색결과 bcypt 모듈을 알게 되었고 보안 부분에서 엄청나게 강력한 모듈이며, 1999년에 만들어졌지만 지금까지도 가장 많이 쓰이기에 이를 적용해보고자 합니다. 우선 모듈을 설치해줍니다. npm install bcrypt 우선 bcrypt 모듈을 불러온 다음에 비밀번호를 임의로 지정해줍니다. salt를 사용하게 되는데 여기에 들어가는 숫자는 값이 높을 수록 암호화 연산이 증가하며, 대신 숫자가 커질 수록 속도가 느려지는 단점이 있습니다. 그리고 hash를 이용하여 암호화된 비밀번호가 나타납니다. const bcrypt =..

TIL 2023. 1. 8. 13:06

안녕하십니까 비굴이입니다아 node.js 수업에서 sequelize 모듈을 통해서 SQL 연결 작업을 해주는데 DB에 데이터를 넣으면 createAt와 updateAt 가 자동 생성되는 것을 알 수 있었습니다. 그런데 국제 표준시인 UTC로 저장됩니다 그리고 이를 구글에서 검색해보면 UTC와 한국시간은 9시간 차이 나는 것을 알 수있습니다. 그래서 데이터를 저장할때마다 9시간 전으로 저장되기 때문에 이를 고쳐줄 필요가 있었습니다. API쪽에서 데이터를 저장할 때 마다 수정해서 저장하려고 하였는데 자동으로 만들어지는 곳에 수정하는 것이 귀찮았습니다. 그래서 검색한 결과 방법은 매우 간단했는데 config 파일에서 SQL과 연결해주는 곳에 timezone을 추가해주는 것입니다. "development": {..

TIL 2023. 1. 6. 01:20

안녕하십니까? 비굴이입니다!! 오늘은 윈도우 환경에서 mongoose 연결을 할 때에 Mongo DB 연결에 실패하는 에러 중 "connection error: MongooseServerSelectionError: connect ECONNREFUSED ::1:27017" 에러를 해결해보고자 합니다. 다음과 같은 코드로 localhost 27017로 Mongo DB에 연결하려고 했는데 mongoose.connect("mongodb://localhost:27017/test1", { }) .then(value => console.log("MongoDB 연결에 성공하였습니다.")) .catch(reason => console.log("MongoDB 연결에 실패하였습니다.")) 아래와 같이 연결에 실패하는 것을 ..

TIL 2022. 12. 31. 01:13

안녕하십니까 비굴이입니다!! 항해99를 하면서 프로젝트를 하다보니 카카오톡 공유하기 버튼이 필요하여 만들어 보았습니다. 우선 카카오톡 개발자 사이트에 들어갑니다 https://developers.kakao.com/ 카카오톡 아이디로 연동하면 자연스럽게 들어가실 수 있습니다. 그리고 내 어플리케이션에 들어갑니다 그리고 어플리케이션 추가하기를 해줍니다 앱 이름은 편하신 대로 지어주시고 사업자명은 따로 안 적으시면 본인 이름이 그대로 들어갑니다 그리고 체크해주시고 저장하시면 됩니다. 플랫폼으로 가주고 Web으로 작성할 것이기 때문에 Web에 플랫폼 등록을 해줍니다. 본인이 쓰실 도메인 주소 등록해주시면 됩니다. 그리고 메시지로 가주시고 카카오톡 공유:javascript에 JS SDK 데모를 눌러서 사용하는게 ..

TIL 2022. 12. 13. 23:00

안녕하십니까 비굴이입니다아!! 퇴사 이후에 이것저것 놀다가 그냥 가벼운 생각으로 코딩을 시작했습니다 원지의 하루 유투브를 보다가 스파르타코딩클럽에 대해서 알게 되었고 국비지원으로 웹개발 종합반을 들을 수 있게 되어 있기에 시작을 하게 되었습니다!! 네이버 블로그에서도 작성을 했지만 다시 한 번 작성하면서 복습을 해보고자 합니다. 스파르타코딩클럽에 대해서 궁금하신 부분이 있으시면 언제든지 댓글 달아주세요! 실수도 많고 중간에 지치기도 하지만 힘내서 완주 및 작성해보겠습니다!!

스파르타코딩클럽 2022. 12. 13. 21:27