스위밍 백엔드

Sequelize 가 편한 이유는 Left니 Outer니를 복잡하게 생각 안해도 Join 을 알아서 해주는 것인데, 이걸 편하게 쓰겠다고 쓰다가 한번씩 까먹고는 괜히 골 썩히고 시간 버리는게 있다. (그냥 다~ 내 경험이 부족해서 그러려니 한다..) 기초적인 것이라 경력자 분들은 아래 내용을 굳이 읽지 않으셔도 된다. 특히나 M:N 관계를 설정해 두면, '좋아요 Like', '#태그 #HashTag' 만들 때 정말 쉬운데, 무엇이 쉬운가 하면- 바로 간단한 코드로 결과를 가져올 수 있다는 것이다. (이하 NodeJS / Sequelize) // 해당 값(oooo)이 존재하는지? await xxxx.hasOOOO(oooo); // 오브젝트 xxxx 가 가진 데이터 가져오기 (조건 설정도 가능) await ..

단순 null 값 검사만으로 안될 때, 원 데이터에 이상한 값이 들어가 sub-object 가 계속 에러나더니만.. if (typeof(items[i]) === 'object') { // 정상 처리 } else { // 오류 처리 }

Frontend 를 Vue로, Backend 를 Node로 구성할 때, 웹사이트 방문자가 카카오톡으로 가입 또는 로그인을 하는 방법입니다. 먼저 간략히 요약해 보면, 가입/로그인 페이지에 있는 '카카오톡 로그인' 링크(이미지 등)를 클릭하면 카카오톡 페이지가 뜨게 되고(카카오 인증 페이지로 연결) 방문자는 여기서 자신의 카카오톡으로 인증을 합니다. 그러고 나면 카카오톡에서 결과(접속 코드)를 보내주게 되는데, 이때 필요한게 콜백(call-back) URL입니다. 이 콜백 URL은 당연히 Vue 에 설정된 라우터이며, 카카오톡에 미리 이 URL이 설정되어 있어야 결과값을 받을 수 있습니다. * 카카오톡에 개발자로 로그인해서 여러 설정하는 것은 생략합니다. 그럼 이 콜백 URL, 즉 Vue 의 라우터에 연결..

Frontend 로 Vue Backend 로 Node/Express 를 사용한다면, 개발장비에서 보통은 Vue 는 80xx (8001, 8002 ...) 번 포트, Express 는 30xx (3001, 3002 ...) 번 포트로 나눠서 개발하게 될겁니다. 개발 테스트는 각각 서비스를 띄워서 해볼거구요. Frontend 에서 API 접속은 Backend 쪽으로 URL을 접속하는데 이 때 프록시 Proxy 라는 걸 이용하게 됩니다. (Vue 에서 프록시 테이블) 매번 api 주소를 http://localhost:3001 라고 써야하는걸 vue.config.js 에서 편하게 설정하면 되는 식이죠. 브라우저에서 접속해서 테스트 한다면, 프론트인 http://localhost:8081 로 접속하면 됩니다. 현..