7/5 TIL Prettier & Socket

이승준·2023년 7월 5일
0
post-custom-banner

Prettier 사용하기

1) 프로젝트에 설치하기

  • npm i prettier -D
    • 이 때 -D는 devDependencies 뜻으로 개발환경에서만 쓰이는 것을 뜻함
  • .prettierrc.js
    • app.js 파일과 같은 위치에 작성
  • "prettify": "prettier --write *.js **/*.js" 추가
{
    "name": "여러분의 프로젝트 이름일거예요",
    "version": "1.0.0",
    "scripts": {
        "start": "node app.js",
        "prettify": "prettier --write *.js **/*.js"
    },
... 생략
}
  • npm run prettify 실행

2) VS Code에서 사용하기

  • VSCode에서 자체적으로 확장프로그램을 설치하여 사용
    • 간편
  • .prettierrc 파일을 만들어서 루트 디렉토리 안에 넣어 추가 해주면 된다.
  • 설정에서 기본적인 건 설정

Socket

네트워크에서 데이터를 송수신하기 위한 연결부

웹소켓은 무엇인가?

  • 실시간 웹 서비스를 제공하기 위해 만들어진 Socket이라고 생각하면 됩니다.

socket.io?

  • 자바스크립트를 사용해 웹소켓을 사용하길 원한다면 가장 많이 사용되는 라이브러리입니다.

  • 웹소켓을 사용할 수 없는 브라우저인 경우 서버에서 데이터를 일정 간격마다 받아오는 polling 기능으로 실시간 기능 구현

post-custom-banner

0개의 댓글