본문 바로가기

내일배움캠프 Node 4기/TIL

내배캠 12/27 TIL

코드 Formatter

자바스크립트 코드를 작성하다보면, 가끔 "" (쌍따옴표)를 쓰느냐, ''(일반) 을 쓰느냐로 은근히 갑론을박이 있었고, Python의경우 들여쓰기(탭) 간격이 4칸인데 반해 (이 들여쓰기 법칙을 지키지 않으면 컴파일이 안되는 경우도 종종 봤다)  또한 줄바꾸는건 또 언제 바꿔야 하는건지...

 

그리고 제일 궁금했던건, 콜백함수에서 인자를 전다할때 

예를들어 (data) => {} 로 할건지, 아니면 어차피 한개만 전달하면 생략을 하던지 등등

 

이게 사용자 편의를 위해 제공되었다 하더라도, 사실 '내 코드를 남이 읽을때' 어떻게 보여야하는가를 신경쓰지 않을수가 없다. 나도 kt알파에 있을때 남이 쓴 함수를 도대체 이걸 어떻게 한건지 정신없을정도로 가독성이 떨어진 코드를 보고 쩔쩔맸던 기억이 났기 때문이다

 

이걸 vsc에서 프리티어란 extention을 사용해 config 설정처럼 옵션을 주는 방법이 있는데

강의에서 추천한 코드 양식은 다음과 같다

 

1. 탭은 2칸(코드가 길어질수 있다) 2. 외따옴표 사용 (쌍따옴표는 쉬프트를 눌러야되기때문에 불편)

3. arrowParets는 내가 아까 말한 화살표함수에서의 괄호인데, 이 규칙을 alway로 해놓아야 함수가 분명해짐

4. 코드 끝에 ; 붙이기(가독성)  5. 코드 뒤에 쉼표 붙이기(객체 내부에서 나열할때)는 일관성을 위해 사용

정도이다

 

Socket io

내가 소켓이란 말을 처음 접한게 웃기게도 디아블로이다. 소켓 아이템이라고 해서
갑옷같은 무기에 소켓을뚫어서(?)  보석 등을 뚫은곳에다가 박으면 아이템 능력치가 올라간다.

 

이 소켓 역시 비슷한 맥락인데, 클라이언트와 서버 사이에 연결고리를 뚫었다고 이해하면 되겠다.

기본적으로 요청을 해야 그 요청에 따라 응답을 보내주는 1:1 관계에서, 실시간으로 데이터가 요청되고 응답하는것이 웹소켓 기술의 기초이며, JS에서 가장많이 사용하는게 Socket io이다.

 

기본 원리는 다음과 같다

 

1. 누구에게 socket을 열어줄 것인지?

2. 어떤 행동을 할때 어떤 데이터를 보내줄 것인지?

 

이걸 이용한 프로젝트를 곧 시작할텐데, 자세한 내용은 그때 올리려고 한다.

 

 

 

'내일배움캠프 Node 4기 > TIL' 카테고리의 다른 글

내배캠 12/29 TIL  (0) 2022.12.30
내배캠 12/28 TIL  (0) 2022.12.29
내배캠 12/26 TIL  (0) 2022.12.26
내배캠 12/23 TIL  (0) 2022.12.23
내배캠 12/22 TIL  (0) 2022.12.22