service controller module 폴더 활용 예정. entity 생성 요망.

crolling 기능 활용. 1일 1회, 나무위키 사이트 크롤링 필요 기능들 -

개발 계획 -

서버 설정 -

-카페시간 다됨.. 추후 이 게시글 수정 바람.

3. 추출된 각 entity를 관계도(erd)로 이어준다. 각 realation은 종속관계에 있고 보통 key-data의 저장, 꺼내오기의 형태를 가진다.

   참고 - https://www.erdcloud.com/ - erd작성 도구

   • https://www.erdcloud.com/d/PK2Ae7d4asTRqHpHx - RDBM 예시자료

이후 완성된 ERD를 활용해 RDBMS를 제작하고 이를 바탕으로 API를 제작하면 되겠다.

function solution(num, total) { var answer = []; let zeroSum = 0; let start = 0; for (let i = 0 ; i<num ; i++){ zeroSum+=i } for(let k=0; k<100; k++){ if (total > zeroSum){zeroSum+=num; start ++; }
else if (total < zeroSum){zeroSum-=num; start --; } else if (total === zeroSum){ break; } } for(let j = 0 ; j<num ; j++){ answer.push(start); start++; } return answer; }

나의 풀이 - 1~sum의 모든 element를 더한 값 zeroSum을 구한다. result의 첫 element가 1에서 1만큼 달라질때 total의 값은 sum만큼의 차이를 가진다. 반복문을 통해 zeroSum과 total 이 오차를 보일 때마다 result의 첫번째 element인 start 값을 1만큼 더하거나 뺀다. zeroSum과 total이 값이 같아졌을 경우 result의 값은 만큼의 length를 가지는 start부터 시작하는 연속된 수 이다.

////

다른 사람( J)의 풀이.

function solution(num, total) { var min = Math.ceil(total/num - Math.floor(num/2)); var max = Math.floor(total/num + Math.floor(num/2));

return new Array(max-min+1).fill(0).map((el,i)=>{return i+min;});

} Math.ceil() - number를 받고 소수점을 올림하여 정수를 반환합니다. 최소값 = 올림 값(num을 total로 나눈 값-num/2값의 올림 값) Math.floor() - number를 받고 소수점을 내림하여 정수를 반환합니다. 최대값 = 내림 값(numdmf total로 나눈 값-num/2의 올림 값) new array 어레이 생성 array에 array(element 갯수)를 생성 , arr.fill(value,start index(option), end index(option))array의 element 값을 start index부터 end index까지 value로 변환한다. .map 다음의 함수의 결과값으로 구성된 arr를 반환한다. (element, index(option), array(option),thisarr) (el,i)=>{return i+min} min과 index값을 더한 값이 elm의 값이 된다. [최소값, 최소값+index, 최소값+index, ...]

다른사람(J)의 연산속도가 약 2배 빠르다.

new arr().fill().map(()=>)을 활용하여 array.push가 아닌 생성과 값 입력을 동시에 해보도록 하자.

chrome v8 js 엔진 기반 js 런타임

js 어플 실행 가능.(?) 서버 실행이 가장 유효.

• 서버사이트 스크립트 언어가 아니다. 프로그램(환경)이다(?)

-웹 서버와 같이 확장성 있는 네트워크 프로그램 제작을 위해 만들어졌다.(?)

-Non-blocking I/O, 단일 스레드 이벤트 루프(추후 주석 작성함)

-내장 http 서버 라이브러리를 포함한다(?) 따라서 아파치 등의 별도 소프트웨어 없이 동작하는 것이 가능(?)하여 서버 동작에 있어 더 많은 통제에서 벗어나 여러 가지 기능을 가능하게 한다.

-데이터의 실시간 변환. 안드로이드폰 아이폰 윈도우 맥 등 플랫폼제약없이 프로그램과 게임 구동 가능(알아보기) -온라인 채팅, 실시간 온라인 게임, 로그인 기능을 넣어 유저를 관리하고 점수를 관리 가능. (socket.io와 node.js의 관계는?) -

j.s는 독립적인 언어가 아닌 script언어이다(?) 스크립트 언어는 특정한 프로그램 안에서만 동작하는 프로그램. j.s는 웹 브라우저 프로그램 안에서만 동작.

node.js는 js를 터미널 프로그램에서 입력하여 실행가능. 노드는 V8과 더불어 libuv라는 라이브러리를 사용한다.(libuv란?) libuv 라이브러리는 노드의 특성인 이벤트 기반, 논 블로킹 I/O 모델을 구현하고 있다.

-이벤트 리스너에 콜백함수를 등록. -해당 이벤트 발생 시, 이벤트가 미리 지정해둔 작업을 수행(언어 정리 요망) -다음 이벤트가 발생할 때 까지 (서버는?) 대기한다.

이벤트 루프(event loop)는 여러 이벤트가 동시에 발생했을 때 어떤 순서로 콜백함수를 호출 할지를 이벤트 루프가 판단한다. 노드는 이벤트가 종료될 때까지 이벤트 처리를 위한 작업을 반복하므로 루프(loog)라고 부른다.

• 위 내용 중 이벤트 루프의 처리 순서에 대해 설명하시오.

tags = tags.reduce((accu, curr) => {
  accu[curr] = (accu[curr] || 0) + 1;
  return accu;
}, {});
let max = 0;
let max2 = 0;
let max3 = 0;
for (let j = 0; j < Object.values(tags).length; j++) {
  if (max < Object.values(tags)[j]) {
    max = Object.values(tags)[j];
  }
  if (max2 < Object.values(tags)[j] < max) {
    max2 = Object.values(tags)[j];
  }
  if (max3 < Object.values(tags)[j] < max2) {
    max3 = Object.values(tags)[j];
  }
}
max = Object.keys(tags).find((key) => tags[key] === max);
delete tags[max];
max2 = Object.keys(tags).find((key) => tags[key] === max2);
delete tags[max2];
max3 = Object.keys(tags).find((key) => tags[key] === max3);
tags = [max, max2, max3];

let tags = [];
for (let i = 0; i < allRoom.length; i++) {
  const room = allRoom[i];
  for (let l = 0; l < room.hashTag.length; l++) {
    const hashtag = room.hashTag[l];
    tags.push(hashtag);
  }
}

tags = tags.reduce((accu, curr) => {
  accu[curr] = (accu[curr] || 0) + 1;
  return accu;
}, {});
let max = 0;
let max2 = 0;
let max3 = 0;
for (let j = 0; j < Object.values(tags).length; j++) {
  if (max < Object.values(tags)[j]) {
    max = Object.values(tags)[j];
  }
  if (max2 < Object.values(tags)[j] < max) {
    max2 = Object.values(tags)[j];
  }
  if (max3 < Object.values(tags)[j] < max2) {
    max3 = Object.values(tags)[j];
  }
}
max = Object.keys(tags).find((key) => tags[key] === max);
delete tags[max];
max2 = Object.keys(tags).find((key) => tags[key] === max2);
delete tags[max2];
max3 = Object.keys(tags).find((key) => tags[key] === max3);
tags = [max, max2, max3];

const hostPost = await hosts.findAll({
  where: key,
  include: [
    {
      model: images,
      attributes: ["hostId", "postImageURL"],
    },
  ],
  order: [["createdAt", "DESC"]],
});

코드 사용 시 댓글을 남겨주세요.

if (diff > 1123200000) { } else { const times = [ { time: "분", milliSeconds: 1000 * 60 }, { time: "시간", milliSeconds: 1000 * 60 * 60 }, { time: "일", milliSeconds: 1000 * 60 * 60 * 24 }, { time: "주", milliSeconds: 1000 * 60 * 60 * 24 * 7 }, ].reverse();

for (const value of times) {
  const betweenTime = Math.floor(diff / value.milliSeconds);
  if (betweenTime > 0) {
    comment = {
      userId: comment.userId,
      commentId: comment.commentId,
      comment: comment.comment,
      userImageURL: comment.user.userImageURL,
      nickname: comment.user.nickname,
      createdAt: betweenTime + value.time + "전",
    };
    commentInfo[i] = comment;
    break;
  } else {
    Review = {
      userId: comment.userId,
      commentId: comment.commentId,
      comment: comment.comment,
      userImageURL: comment.user.userImageURL,
      nickname: comment.user.nickname,
      createdAt: "방금 전",
    };
    commentInfo[i] = comment;
  }

  -

면접용 개념공부는 조금씩, 알고리즘 공부는 빡세게 또 시작해봐야겠다.

모르고 시작한건 아니지만 공부의 끝이 공부라니 너무 좋다. 또 한번 힘내보자.

// 이후의 게시글에 그 코드들을 올릴 예정이다.

1.채팅룸 관리는 api요청으로, 실시간 채팅 기능은 sockstio연결로 구성하였으나

“내가 들어가있는 채팅룸 목록”을 불러오기는 최대한 실시간에 가깝게 구현하고자 하여

방을 바꿀 떄 마다 api를 한번씩 호출하는 방식으로 구현하였다.

하지만 api의 unshift()함수가 중복 적용되는 버그가 발견되어 unshift()이외에

“내가 현재 채팅중인 방”을 “내가 들어가있는 채팅룸 목록”의 첫번째에 위치시키는 코드가 필요해졌다.

1. 채팅방의 인기 해쉬태그 목록 뽑아내기.

채팅방 관련 api설계와 코드작업 시작이 늦게 이루어져

서버를 열고 데이터를 쌓고 있는 와중에 schemas - 채팅방 해쉬태그를 bd에 추가 해야하는 상황이 벌어졌다.

버그나 데이터 꼬임이 생기지 않게 하기 위해 schemas 추가 없이 hashtag 인기순 정렬 기능만 만들고자 헀다.

해결방법

1. unshift함수를 사용하지않고 새로운 for문을 만들어 대체하여

unshift함수의 “객체 추가” 기능이 아닌 “객체끼리의 위치 변경”으로 기능을 수정하여 사용했다.

1. 채팅방 models관련 코드를 전부 삭제.

   roomshashtag schemas 관련 코드를 전부 빼고 rooms 의 hashtag만으로 새 배열을 만들어 갯수순으로 정렬하였다.

   /이중포문으로 채팅방전체 안의 채팅방의 해쉬태그를 모두 뽑아와 나열 후 리듀스로 같은 단어를 특정 후 갯수를 밸류값으로 추가 후 for문을 통해 해쉬태그 갯수를 추출 후 내림차순으로 나열, 상위 세개의 수를 뽑아 리듀스 된 객체find()에 사용/

   그리하여 상위 세개의 해쉬태그를 models없이 뽑을 수 있도록 하였다.

© 2019 PM2. All Rights Reserved.

1) 프로세스 매니저 우리의 Node.js에 사용성을 200% 높여주는 천금같은 패키지 매니저로 npm이 있다면, Node.js를 Express와 같은 프레임 워크를 이용해 Back-End에서 사용하고 있는 개발자들에게 감히 사용성을 20000% 높여준다 할 수 있는 한 줄기 빛인 프로세스 매니저로 바로 PM2가 있습니다. (이름 그 자체로 PM이 Process Manager의 약자입니다... 2는뭐지..??)

• 패키지 매니저인 npm에 대해 궁금하시다면 ☞ [Node.js] npm 소개와 설치 및 사용법

2) PM2 사용 이유 우선 Node.js를 서버로서 Back-End에서 사용하시려면 여러가지 고민이 생기실겁니다.

대표적으로,

(1) 서비스를 제공하고 있는 도중 갑자기 서버가 중지되면 어떡하지?

(2) Node.js는 싱글 스레드 기반인데 멀티 코어 혹은 하이퍼 스레딩을 사용하고 싶다면 어떻게 해야 하지?

등이 있습니다.

Back-End 개발자에게는 골치 아픈 이러한 문제들을 PM2를 이용하시면 문제없이 해결하실 수 있습니다!

아래의 사용법 설명에서 위 문제들의 해결 방법을 차차 설명해 드리도록 하겠습니다.

2. PM2 설치 및 사용법 1) PM2 패키지 설치 npm install pm2 -g

(-g 옵션을 주어 전역으로 설치를 해주셔야 실행명령어로 사용하실 수 있습니다.)

• npm 및 패키지 설치에 관해 궁금하시다면 ☞ [Node.js] npm 소개와 설치 및 사용법

2) PM2 사용법

(1) pm2 -version

역시 제일 기본적인 명령어인 버전 확인 명령입니다. 설치 후 잘 설치되었나 확인하실 때 사용하시면 됩니다.

(2) pm2 start example.js

PM2를 실행하는 명령어로 서버 소스코드가 작성되어 있는 js파일을 실행하시면 되겠습니다.

(실행 즉시 Daemon화 되어 종료하거나, 에러가 발생하지 않는 이상 24시간 계속 유지됩니다.)

• 유용한 옵션

--watch : PM2가 실행된 프로젝트의 변경사항을 감지하여 서버를 자동 리로드 해줍니다.

(서비스하기 전 개발 단계에서 js파일 같은 코드 파일이나 기타 정적 파일들을 수정할 시 변경사항이 수동으로 리로드를 하지 않아도 즉시 반영되므로 매우 편리합니다.)

-i max(코어개수) : Node.js의 싱글 스레드를 보완하기 위한 클러스터(Cluster) 모드입니다.

물론 코드 상으로 클러스터를 구현할 수도 있겠지만, PM2에서는 정말 간편하게 자체 옵션으로 클러스터 모드를 지원해 줍니다!

-i 뒤에 코어의 개수를 입력하거나 max를 쓰시면 최대 코어 개수로 클러스터링(Clustering) 됩니다.

(위의 PM2 사용 이유에서 언급했던 2번째 고민을 해결하실 수 있습니다.)

클러스터(Cluster) 모드로 실행 중인 PM2의 모습입니다. (3) pm2 kill

start 명령과 반대로 실행 중인 PM2 Daemon을 종료시키는 명령입니다.

(4) pm2 log

실행 중인 PM2 Daemon의 log를 확인하는 명령입니다.

(터미널에서 작업 시 로그 확인을 다 하셨으면 컨트롤 + c를 눌러 빠져나오시면 됩니다.)

(5) pm2 monit

PM2로 실행한 서버의 상황을 한눈에 확인할 수 있는 화면으로 이동하는 명령입니다.

(터미널에서 작업 시 모니터 화면을 종료하시려면 q를 눌러 빠져나오실 수 있습니다.)

터미널에서의 PM2 모니터 화면입니다. (6) pm2 startup + pm2 startup 명령의 결과로 출력된 명령(sudo env로 시작하는 명령) + pm2 save

이 명령은 pm2로 실행할 서버를 항상 자동으로 시작하게끔 부트 스크립트에 등록하는 명령입니다.

반드시 부트 스크립트에 등록하기 전 등록할 서버를 실행해 놓으셔야 하며, pm2 start up 명령을 사용하시면 터미널에 sudo env로 시작하는 명령어가 자동으로 생성되어 출력됩니다. 그렇게 출력되어 나온 명령어를 복사하셔서 그대로 붙여 넣은 뒤 입력해주시면 현재 실행 중인 pm2 서버가 부트 스크립트에 등록되게 됩니다. 그다음 pm2 save 명령으로 pm2 관련 변경사항을 저장해 주시면 되겠습니다.

(위의 PM2 사용 이유에서 언급했던 1번째 고민을 해결하실 수 있습니다.)

(7) pm2 unstartup + pm2 save

예상되시겠지만, 이 명령은 위의 명령과 반대로 부트 스크립트에 등록된 pm2 서버를 등록 해제시키는 명령입니다.

여기까지 Node.js의 프로세스 매니저인 PM2의 소개와 설치 및 사용법이었습니다.

제가 소개해드린 명령어 이외에도 많은 기능을 하는 명령어들이 있으니 궁금하시거나 더 알아보시고 싶으신 분들은...

• PM2 공식 홈페이지 : PM2 공식 홈페이지

PM2 - Home

Advanced process manager for production Node.js applications. Load balancer, logs facility, startup script, micro service management, at a glance.

pm2.keymetrics.io 위의 PM2 공식 홈페이지를 참조하시면 되겠습니다.

감사합니다!

출처 - https://hellominchan.tistory.com/11

문제는 들어간 방이 배열의 0번쨰에 위치해야 하는데 그것을 array.unshift(객체)로 해놨더니 api를 중복실행시키니 db는 안움직여도 프론트에서 함수를 실행시켜 객체 갯수가 점점 늘어나는 문제가 발생했다.

그래서 객체 메소드들, 시퀄라이즈 op들, order, 배열 솔팅함수 등을 살펴보았지만 전부 실패했고 for문을 만져보던 중

변수 id 를 for문안에 넣어 변수 id값을 가진 객체의 순서를 찾고 그 객체를 0번째 인자로 변경시켜주었다.

다만 그랬더니 그 객체가 처음 인자로 오긴 하는데 원래 0번쨰 인자를 덮어씌우기만 하길래 0번쨰 인자가 덮어씌워지기 전에 i번쨰 인자로 옮겨 준 후 0번째 인자에 덮어 씌워주었다.

그랬더니

변수 id = 5일떄

[{id:5,"이름":5},{id:2,"이름":2},{id:3,"이름":3},{id:4,"이름":4},{id:1,"이름":1}{id:6,"이름":6}] 와 같은 위치이동이 일어났다.

클라이언트에게 주어지는 정보 중 클라이언트가 클릭한 특정 객체값을 0번으로 보여줄 때 활용하면 좋을 것 같다.

github 로그인 > Settings > Developer settings > Personal access tokens > Generate New Token > 필요항목 입력 후 Generate Token

Token 을 생성하고 나면 key값이 주어지는데 저 화면을 나가면 key값을 다시 확인할 수 없으므로 별도로 보관해야한다.

현재 위치 - 7주차 도구

참고 velog -https://velog.io/@rxdryd/git-clone-%EC%98%A4%EB%A5%98

sql 연결

npx sequelize db:create

ex) npx sequelize model:generate --name User --attributes email:string,nickname:string,password:string

우분투에서 redirect로 port맞추기 443(?) -> 7000

프론트에서 io(url) 연결 확인

socket.emit socket.on 연결 확인

db라우터 및 models 생성, 확인

join-room에서 roomName, nickName 확인 후 db저장하기

필요한 socket 기능 만들어놓기

기능별 폴더 정리해서 나누기

전체 기능 확인하기