주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

호이스팅(Hoisting) 클로저같은 문법들의 효용성을 이해하기위해서 자바스크립트가 가졌던 특징입니다. var나 let, const로 정의된 변수나 함수선언문, 함수표현식이 유효범위의 최상단으로 끌어올려지는 것처럼 보여지는현상을 말합니다. 최상단으로 끌어올려지는 것처럼이라고 설명한 이유는 가상의 개념으로 설명하는 것이 좀 더 이해의 측면에 유리하기 때문입니다. 정확히 말하면 실행 컨텍스트가 활성화 되었을때 해당 영역에서 변수의 이름을 메모리에 먼저 수집하는 현상으로 인해 발생하는 현상입니다. 즉, 가상의 개념에서는 이해를 돕기위해 호이스팅을 '최상단으로 끌어올려진다'라고 말하지만 코드의 위치는 변하지 않습니다. 간단히 말하면, '유효범위의 코드가 실행되기 전 메모리에 먼저 저장했던 선언문을 사용할 수 있..

스코프는 자바스크립트를 이용하는 데에 있어 필수적인 개념입니다. 이 포스팅 뒤로 클로저에 대해 알아볼 건데, 그전에 앞서 스코프의 정의가 먼저 필요하기 때문에 스코프 정의를 먼저 정리해보겠습니다. 스코프(Scope)의 정의 함수를 작성할 때 아래와 같이 중괄호 '{ }'를 이용하여 함수의 범위를 작성합니다. function hello(){ alert('함수 작성'); } 즉, [변수가 영향을 미치는 범위], [변수의 유효 범위], [코드가 유효한 범위]라고 할 수 있으며 규칙입니다. 그리고 스코프의 종류에따라 변수, 함수, 코드 등의 유효 범위가 달라질 수 있습니다. 스코프(Scope)의 종류 스코프의 종류에 대해 알기 쉽게 알아봅시다. 1.동작 - 정적 스코프 - 동적 스코프 2.레벨 - 함수 레벨 스..

비타민C + 샴푸 자연 탈색방법은 이미 외국에서 유명한 방법이라고 해!! 미용실가서 탈색하려다가 머리결이 너무너무너무 상할 것같아서 방법을 찾던 중에 알게되었어! 궁금하기도하고 정확한 후기가 없기도해서 글을 남겨 ㅎㅎ! 자연 탈색하는 방법은 간단해! 1. 비타민C 알약을 빻아줘, 20알~25알 정도면 된다고하는데 정량은 없어. 그냥 하고싶은 양만큼하면 될 것 같아~ 2. '샴푸 + 비타민C' 빻은 것을 섞어줘! 정량은 딱 정해진게 없다보니까 걸쭉해질만큼 샴푸를 섞어주면돼. 샴푸는 비듬샴푸 헤드&숄더로하라고 되어있는데, 잘 모르겠어.ㅎ 3. 물을 머리에 흥건히 적신다음에 타올로 탈탈 쳐줘, 물기가 있지만 물이 뚝뚝흐르는 정도는 아니어야해! 그 후에 '샴푸 + 비타민C'를 섞은 것은 머리에 발라줘, 시간은 ..

채팅 기능 구현 기본 동작은 이해했으니 진도를 쭉 나가겠습니다. 구현해야하는 기본 기능을 먼저 확인해보겠습니다. > 추가할 기능 TODO - 사용자가 들어오고 나가는 부분을 캐치하여 서버가 안내하는 말을 노출한다. - 메세지를 전송하고 받아야한다. - 스타일을 입힌다. > 사용자가 들어오고 나가는 부분을 캐치하여 서버가 안내하는 말을 노출한다. 입장할 때 작성했던 connection이 기억나는가요? 퇴장할 때 이벤트도 같은 곳에 추가합니다. 사용자가 입장 시(소켓연결) 발생하는 이벤트 호출에 대한 바인딩 작업은 app.js의 connect 콜백함수 내부에서 작성되었습니다. // app.js io.sockets.on('connection', function(socket){ socket.on('newUser..