s0n9h2

[01 들어가기에 앞서] 프로젝트를 하다 보면 Database에 대용량의 데이터셋을 추가해야 할 때가 있다. 그런데 MySQL Workbench에서 편하게 import 하는 방법은 데이터셋이 클수록 오류가 날 확률이 높다고 한다... 실제로 우리팀이 사용할 데이터셋도 계속해서 'cp949~' 오류가 나서 포기하고 다른 방법을 찾았다. 그 방법인 MySQL query를 이용해 데이터셋을 import하는 방법은 아래와 같다. [02 MySQL에 csv 파일 import ] (1) 필요한 파일 SCP 윈도우에서 리눅스로 파일을 이동, 복사할 때는 SCP(파일 전송 프로토콜) 명령어를 사용하면 된다. 하지만 MobaXterm과 같은 터미널 프로그램을 사용하면 드래그앤드롭으로 편하게 파일을 이동할 수 있다. 참고..

요약 총 프로젝트 기간 2022.05.31 ~ 07.03 3주차 2022.06.13 ~ 06.19 역할 백엔드 완료 항목 Schedule MVP 체크리스트 생성 / 조회 기능 구현 완료 Schedule MVP 체크리스트 조회 기능 getter로 보완 Schedule MVP 코드 merge 다른 사람 체크리스트 생성 안되는 문제 해결 web-push 실습 web, android에서 각각 성공 Pill my rhythm 코드에 web-push 적용 구독 API 구현 - device_token값 DB에 JSON 객체 타입으로 저장 구독 취소 API 구현 [FE] web-push 구독, 구독 취소 버튼 및 함수 구현 push-test API 구현 - 사용자가 등록한 기기에 모두 푸시 알림 중간 발표 PPT 내용..

[01 들어가기에 앞서 ] 먼저 상황은 이렇다. 체크리스트의 true 개수를 계산해 그 날의 level 을 1, 2, 3단계로 나누어 저장한다. 각각의 단계는 초록색, 노란색, 빨간색을 뜻한다. 따라서 DB에는 int Datatype으로 저장하고 가져올 때는 green, yellow, red로 convert 해서 응답을 보내주는 과정이 필요했다. 구현을 위해 처음에는 다음과 같이 응답값을 변경하려고 했지만, TypeScript 특성상 다른 Datatype을 할당할 수 없었고 모델의 attributes에 없는 컬럼을 추가할수도 없었다. 따라서 응답값을 복사해 새로 객체를 만들고 key: value를 추가해야만 했다. getWeeklyChecklist: async (fk_user_id: string, { s..

[01 Operators란? ] 일단 DB에서 연산자(Operators)란 간단하게 특정 작업을 하기 위한 기호 또는 문자이다. 연산자의 종류로는 비교 연산자, 논리 연산자, 그리고 DBMS에서만 사용하는 기타 연산자들이 존재한다. 비교 연산자 : =, !=, >, < 등 좌우값을 비교하는 연산자 논리 연산자 : or, and 등 참(true), 거짓(false)을 가지고 비교하는 연산자 기타 연산자 : in, not in, between 등 저번 프로젝트에서는 MongoDB를 사용해서 Mongoose를 사용할 때도 이러한 연산자를 사용했는데 그 때는 아래와 같이 $ 표기를 이용해 연산자를 사용할 수 있었다. MySQL의 Sequelize에서도 그렇게 사용한 예제를 확인하고 비슷하게 $ 표기를 사용하려고..

관련글 1 : https://s0n9h2.tistory.com/109 [TypeScript Express] Sequelize로 MySQL 모델 Association 관계 설정하기 관련글 1 : [Typescript Express] Sequelize로 MySQL 연결하기 [Typescript Express] Sequelize로 MySQL 연결하기 [01 Typescript란? ] TypeScript는 JavaScript 기반의 언어이다. JavaScript는 클라이언트.. s0n9h2.tistory.com [01 들어가기에 앞서 ] 저번 포스팅에서 1:1, 1:N, 1:M 관계 설정에 대해 다뤘는데, 이렇게 설정해 둔 외래키로 어떻게 참조 테이블을 검색할 수 있을지 작성해보겠다. 처음 나와 팀원은 당연히(..

관련글 1 : [Typescript Express] Sequelize로 MySQL 연결하기 [Typescript Express] Sequelize로 MySQL 연결하기 [01 Typescript란? ] TypeScript는 JavaScript 기반의 언어이다. JavaScript는 클라이언트 측 스크립팅 언어지만 TypeScript는 객체 지향 컴파일 언어이다. TypeScript는 JavaScript의 상위 집합으로 JavaScrip.. s0n9h2.tistory.com 관련글 2 : [TypeScript Express] Sequelize로 MySQL 기본 모델 생성하기 [TypeScript Express] Sequelize로 MySQL 기본 모델 생성하기 관련글 : [Typescript Express..

관련글 : [Typescript Express] Sequelize로 MySQL 연결하기 [Typescript Express] Sequelize로 MySQL 연결하기 [01 Typescript란? ] TypeScript는 JavaScript 기반의 언어이다. JavaScript는 클라이언트 측 스크립팅 언어지만 TypeScript는 객체 지향 컴파일 언어이다. TypeScript는 JavaScript의 상위 집합으로 JavaScrip.. s0n9h2.tistory.com [01 model 생성하기 ] MongoDB와의 차이점은 일단 schema 폴더를 사용하지 않고 model을 정의하는 파일에서 생성도 같이하는게 더 편하다는 것이었다. 그런데 이제 이게... 진짜 처음에 감도 못잡아서 많이 헤멘 부분인데 ..

요약 총 프로젝트 기간 2022.05.31 ~ 07.03 2주차 2022.06.06 ~ 06.12 역할 백엔드 완료 항목 인공지능 담당자 문제 해결 User, Schedule 등 프로젝트에 필요한 6가지 모델 생성 모델 migration으로 DB table 생성 User MVP login, updateInfo 기능 구현 Schedule MVP create 기능 구현 회고 1. 비상대책회의 저번주 마지막에 인공지능 담당이셨던 분의 갑작스러운 하차로 인해 팀 분위기가 좀 뒤숭숭(?)했다. 그래서 인공지능 부분을 뺄지, 4명이 나눠서 구현할지, 백엔드 2명이 나눠서 구현할지를 고민했는데 다행히 예상치 못한 방향으로 일이 잘 풀리게 되었다. 따라서 일단은 계획한 기능들을 빠르게 끝내고 서브 기능들을 최대한 많이..

[01 계층 분리의 필요성 ] 사실 1, 2차 프로젝트 때는 Controller 없이 3계층 구조로 크게는 Router / Service / DB로 나뉘고, route 방식으로는 Router와 Middleware만 사용했는데 이번 프로젝트에서 같은 백엔드 팀원의 제안으로 Router와 Middleware를 나누게 되었다. 일단 모든 코드를 나누지 않으면 어떤 엔드포인트로 접근했을 때 어떤 동작을 하게 되는지 한 눈에 볼 수 있어 유용할 수 있다. 그런데 조금만 기능이 복잡해지면 이런 방법으로 라우팅을 관리하는 것은 좋지 않다. 예를 들어 입력값을 검증하고 사용자가 로그인 한 뒤 기능을 수행하는 로직이 모두 Router 파일에 있으면 코드의 재생산성과 유지보수성이 현저히 떨어진다. 따라서 백엔드에서 정확한..

[01 JWT Token이란? ] 인증받은 사용자에게 토큰을 발급해주고, 서버에 요청을 할 때 HTTP 헤더에 토큰을 함께 보내 인증받은 사용자(유효성 검사)인지 확인한다. JWT는 JSON Web Token의 약자로 전자 서명 된 URL-safe (URL로 이용할 수있는 문자 만 구성된)의 JSON이다. JWT는 헤더(header), 페이로드(payload), 서명(signature) 세 가지로 나눠져 있으며, 아래와 같은 형태로 구성되어 있다. eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJ..

[01 Typescript란? ] TypeScript는 JavaScript 기반의 언어이다. JavaScript는 클라이언트 측 스크립팅 언어지만 TypeScript는 객체 지향 컴파일 언어이다. TypeScript는 JavaScript의 상위 집합으로 JavaScript의 모든 기능이 있다. 클래스 기반이므로 객체 지향 프로그래밍 언어로 상속, 캡슐화 및 생성자를 지원할 수 있다. TypeScript는 그 자체로 실행이 안 되고 Javascript로 컴파일러를 사용하여 ts(TypeScript)파일을 js(JavaScript) 파일로 변환한다. 그래서 얼핏 보면 그렇게까지? 성능 더 떨어지는거 아니야? 할 수 있는데 현업에서는 엄청 많은 양의 코드를 다루다 보니 타입 미지정으로 인한 이슈가 크기 때문에..

요약 총 프로젝트 기간 2022.05.31 ~ 07.03 1주차 2022.05.31 ~ 06.05 역할 백엔드 완료 항목 주제 확정 및 세부 기능 추가 기획서 작성 prettier, eslint 설정 Oracle Cloud에 MySQL 서버 구축 ERD 설계 백엔드 스켈레톤 코드 작성 회고 1. 새로운 팀원들과 인사 마지막 프로젝트는 프론트(2명), 백엔드(2명), 인공지능(1명) 포지션을 나누어 5명이서 진행하게 되었고 우리 팀의 주제는 NLP(자연어 처리) 분야였다. 간단히 자기소개 후 서로를 알아가는 시간을 가졌고, 팀장을 뽑게 되었는데 한 분은 19살, 나머지 세 분은 나이는 모르지만 팀장 경험이 있으셔서 더이상 팀장을 맡고 싶어하지 않으셨다. 나이 때문이 아니라 마침 막내(?)분께서 팀장에 욕심..

2탄에서 이어지는 내용입니다. [04 방화벽 설정 ] (1) Oracle Cloud Service 외부에서 접근시 먼저 인터넷/모뎀에서 접속을 허용해주기 위해 Oracle Cloud 인스턴스의 인바운드 규칙을 설정한다. Oracle 홈페이지에 들어가서 네트워킹 - 가상 클라우드 네트워크를 클릭한다. 해당하는 VCN을 클릭한다. MySQL의 기본 포트번호는 3306이다. 그대로 사용할 것이기 때문에 3306에 대한 모든 IP(외부)의 접속을 허용한다. (2) ufw / iptables 위 설정만 하면 외부 접속에 실패할 것이다. 이번에는 운영체제의 방화벽에서 인바운드 규칙을 설정해줘야 한다. ubuntu에는 두 가지 방화벽이 있다. 가장 많이 사용하는 것은 iptables이지만 iptables의 작업을 간..

1탄에서 이어지는 내용입니다. (4) SSH 접속 이제 생성한 인스턴스에 SSH로 접속하여 MySQL을 설치하고 여러 설정들을 해주면 된다. 먼저 이전에 설정한 인스턴스의 예약된 공용 IP를 확인한다. 윈도우의 경우 PowerShell이나 CMD로 접속해도 되지만 여러모로 불편하기 때문에 나는 MobaXTerm을 사용해서 SSH에 접속할 것이다. 프로그램을 실행시키고 Session - SSH를 클릭한다. host와 username, private key 파일을 선택하고 OK를 누른다. username은 OS마다 기본 계정이 다를텐데 일단 우분투는 ubuntu이다. private key는 인스턴스를 생성할 때 저장했던 개인키 파일이다. 다 정확하게 넣었다면 문제 없이 연결이 될 것이다. [03 MySQL ..

[01 클라우드 프리티어 비교 ] 클라우드에 대한 개념은 저번에 AWS의 EC2에 배포하며 공부했다. 그런데 이런 클라우드 서비스는 AWS에만 있는 것이 아니다. 클라우드 회사에서는 여러가지 유형으로 맛보기 서비스 형태인 프리티어 서비스를 제공하고 있는데 크게 상시 무료와 기간제 무료 그리고 크레딧 제공 형태로 구분된다. 그 중 우리 팀은 당연히(?) 1년 무료와 상시 무료 중 선택할 생각이었고 이 블로그에 잘 나와있어서 참고했다. 결론은 평생 무료 프리티어 사용이 가능한 Oracle을 선택!!! 구체적으로는 RDS와 같은 Oracle Cloud Database는 프리티어의 경우 20기가까지밖에 사용하지 못하길래 그냥 Compute Engine(HDD지만 100기가 제공)에 DB전용 서버를 구축하는 것으..

[01 Webhook이란? ] Webhook은 하나의 앱/웹이 다른 어플리케이션으로 관련 이벤트 정보를 실시간으로 제공하기 위한 방법이라고 할 수 있다. Web Callback 또는 HTTP PUSH API로도 불린다. 원론적으로, Webhook이란 웹페이지 또는 웹앱에서 발생하는 특정 행동(이벤트)들을 커스텀 Callback으로 변환해주는 방법이다. 일반 API 요청으로 특정 앱의 데이터 및 이벤트의 실시간 상태를 알기 위해서는 짧은 주기로 반복해서 조회 API 요청을 보내 Data의 변경이나, 이벤트 발생 여부를 알아야 한다. 그러나 우리가 필요한 데이터를 가지고 있는 앱이 Webhook 서비스를 제공할 경우, Webhook 설정에 우리 서비스의 요청 Url을 등록해 놓은 뒤에, Webhook 서비스..

1탄에서 이어지는 내용입니다. [04 사용자의 현재 위치 정보 사용하기] (1) 현재 위치 가져오기 이 기능을 추가하면서 가장 애를 먹었던 부분이다. 현재 위치 정보를 가져오는 코드는 금방 찾았는데 아무리 구글링을 해도 이걸 기반으로 검색 기능을 구현한 블로그가 없었기 때문...ㅎ 블로그에 의존하던 내 실력의 한계를 느꼈다. 일단 웹에서 내 위치를 가져오는 기능은 Geolocation API를 사용하면 된다. 구글링해서 얻은 코드에 Promise 객체를 return 하도록 함수를 수정하고 KakaoMap에서 사용하는 위치 정보 객체로 변경해서 응답값에 넣어주었다. const getCurrentCoordinate = async () => { console.log("getCurrentCoordinate 함수..