해물파이의 괴발개발 TIL

백엔드와 프론트엔드에서 이벤트를 listen했다. 백엔드는 웹소켓서버로 만들었다. 웹소켓 서버에서 connection event를 listen하도록 만들었다. const wss = new WebSocket.Server({ server }); //웹소켓 서버를 연다 //같은 포트에 http서버가 필요 없다면 WebSocket.server()에 {server} 안 넣어도 됨 wss.on("connection", (socket) => { //socket이란 연결된 사람, 연결된 브라우저와의 contact(연락)라인을 뜻한다. 여기서 socket은 연결된 브라우저이다. console.log("Connected to Browser"); socket.on("close", () => console.log("Clien..

클로저와 호이스팅은 자바스크립트나 프론트엔드 개발자 면접에 단골로 나온다고 함! 호이스팅과 클로저에 대해 정확히 이해하고 표현할 수 있게 되어야겠다 다음은 코드스테이츠에서 문제풀이중 클로저에 대해 설명해준 것이다. 좀더 정확하게 말씀드릴게요 이건 클로저의 아주아주 정홛한 정의는 함수와 함수를 둘러싼 어휘적 환경의 조합 입니다 이 조합이 클로저에요 그런데 여러분들은, 인간은 무언가 실체를 원하시고 그냥저냥 외부함수에 접근할 수 있는 내부함수~ 정도라고 타협한거고 실제로도 그렇게 많이들 이해하고 사용하고 있습니다 이때 어휘적 환경이라함은 외부함수안에 정의된 지역변수들일텐데요 외부함수에 전달되는 파라미터를 포함합니다 그렇다면 외부함수에 파라미터도 전달되지않고 명시적인 지역변수의 선언도 없다면 이때 내부함수는 ..