210323_TIL(Express, Refactor Express)

✅Toy 문제 largestProductOfThree

점수를 요소로 갖는 배열을 입력받아 3개의 요소를 곱해서 나올 수 있는 최댓값을 리턴하는 문제였다.

입출력 예제를 보고 잠시 뇌 정지 왔지만 스터디분의 힌트를 얻고 나서 문제가 풀렸다.

배열을 정렬하고 배열 끝에서 가장 큰 세개의 숫자를 곱하면 끄읏✋

 

✅Chatterbox-server Refactoring

공식 문서를 통해 express를 설치하고, express 라이브러리를 사용해 채팅앱을 리팩터링 했다.

시작하기 전에 git branch를 먼저 만들고, 리팩터링을 시작했다.

코드를 작성하면서 처음에는 어리둥절하면서 어떻게 해야 되지 고민하다가 막상 작성해보니 매우 간편했다.

express에는 자체 라우터 기능을 제공해줘서 GET, POST의 코드를 매우 직관적으로 처리할 수 있었다.

미들웨어는 body parser, CORS 등을 사용해보았다.

그렇게 작성이 끝나고 난 후 socket io를 사용하신 분의 코드가 있어서 따라도 해보고 이해도 해봤지만 역시 따로 만들어보면서 이해하는 게 제일 좋을 것 같았다.

fs 모듈도 코드에 적용해보면서 이해를 하니까 좋았다. 공부하자🤮

 

🍒Remember

---

✅Express 라이브러리

express란 'Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크'라고 한다.

Node.js 환경에서 웹 애플리케이션 혹은 API를 제작하기 위해 사용되는 인기 있는 프레임 워크이다.

 

✅Socket.io Server API

Socket.io는 실시간 양방향 이벤트 기반 통신을 가능하게 한다. 그래서 채팅방이나 메신저를 만들 때 적합한 API인 것 같다.

오늘 적용해본 코드들은 구글에서 본 내용들을 적용해보기도 했다.

io와 socket이라는 변수가 있다.

io는 socket.io 패키지를 import 한 변수이고, socket은 커넥션이 성공했을 때 커넥션에 대한 정보를 담고 있는 변수이다.

그 외에도 (이벤트 보내기: socket.emit, 이벤트 받기 : socket.on ) 등등이 있다.

나중에라도 채팅앱 같은 클론 코딩을 만들어보고 싶다.

 

✅inspect의 기능?

디버깅 가이드라고 생각하면 될 것 같다.

보통 node --inspect -brk server/basic-server.js 이런 식으로 사용하면서 디버깅할 수 있다.

 

✅POSTMAN 사용 (HTTP API 테스팅 도구)

Postman은 개발한 API를 테스트하고, 테스트 결과를 공유하여 API 개발의 생산성을 높여주는 플랫폼이다.

GET, POST 요청을 보내주고 응답을 살펴볼 수 있어 편리하다. 사용해보면 좋을 것 같다.

 

🍒More Study

---

✅React