Study/JavaScript

오늘 게시글은...참 부끄럽습니다. 이것을 제가 몰랐다는 사실을 실은... 혼자 알고싶었습니다. 너무 부끄러워서 제가 모른다는 것을 인정하고 싶지 않았기 때문입니다. 하지만... 주위 프론트 지망생들도 대부분 오해하고 있더군요...? 저처럼 너무 늦게 알게되어 슬퍼하지 않으시길 바라는 마음에 용기내어 작성해봅니다. 나, 비동기 처리 방법 모르는 구나. SSAFY 특화 프로젝트로 웹 게임을 개발하던 중, 동시성 이슈가 발생하게 되었습니다. 서바이벌 게임 특성상, 동시성 이슈가 아주 중요한데, 이를 해결하기 위해서는 실행 순서가 개발자의 뜻대로 보장되어야 합니다. 하지만 디버깅 하다보니... 보장되지 않는 이슈가 발생했습니다. 저희는 비동기 처리가 잘 되지 않았음을 파악했고... 비동기 처리를 정말 모르고 ..

this를 공부하기 위한 선수 지식 일반함수와 메서드의 차이 this는 JavaScript에서 조금 복잡할 수 있지만, 기본적으로 어떤 함수나 메서드가 작동하는 현재 객체를 참조한다고 생각하면 됩니다. this가 무엇인가요? this는 현재 실행 중인 컨텍스트에 있는 객체를 가리키는 키워드입니다. 예를 들어, 객체 내부의 함수(메서드라고도 함)에서 this를 사용하면, 그 함수가 속해 있는 객체를 가리키게 됩니다. this 예제 let myObject = { name: 'ChatGPT', greet: function() { console.log('Hello, ' + this.name + '!'); } }; myObject.greet(); // 출력: "Hello, ChatGPT!" 이 예제에느 myObj..

문 (문과 표현식을 확실히 이해하는 것이 중요하다. ) 문 (명령문) : 프로그램을 구성하는 기본 단위이자 최소 실행 단위 토큰 : 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소 문은 선언문, 할당문, 조건문, 반복문 4가지로 구분 function foo() {} // 함수 선언문 var x; // 변수 선언문 x = 5; // 할당문 if (x>1) { console.log(x) } // 조건문 for (var i=0; i

본 문서는 지극히 작성자의 주관적인 기준으로 모던 자바스크립트 Deep Dive 서적의 스크랩 하고 싶은 부분을 모은 게시글 입니다. 변수 변수(variable)은 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. -> 값의 위치를 가리키는 상징적인 이름 var의 대표적인 단점 var 키워드의 여러 단점 중에서 가장 대표적인 것이 블록 레벨 스코프를 지원하지 않고 함수 레벨 스코프를 지원한다는 것이다. 이로 인해 의도치 않게 전역 변수가 선언되어 심각한 부작용이 발생하기도 한다. var 키워드는 폐기 (deprecated)되지 않았다. ES6 이전 사양으로 작성된 코드는 var 키워드를 사용해 구현되어 있을 것이며, ES6 이후 사양을 따른다 ..