Little Jay

IIFE(Immediate Invoked Function Expression) 말 그대로 해석을 해보면 된다. 즉시 실행함수를 가리킨다. function foo() {}(); 그렇다면 위의 코드는 왜 실행이 안되는 것일까? 자바스크립트 Parser는 function foo() {} 이 부분은 함수의 선언부인 반면에 후자(괄호의 쌍)는 함수를 호출하려는 시도이지만 실제로 어떠한 이름도 지정이 된 것이 없기 때문에 Uncaught SyntaxError: Unexpected token ). 와 같은 에러 상황이 발생할 것이다. 이를 해결하기 위해서는 괄호를 추가하는 두 가지의 방법이 있다. (function foo(){ })() (function foo(){ }()) function으로 시작하는 선언문은 함수..

자바스크립트 관련 단골 질문 중 하나입니다. 자바스크립트에서 모든 객체는 __proto__ 속성을 가지고 있습니다. 단, 어떤 객체가 Object.create(null)을 사용해서 생성이 되었다면, __proto__는 만들어지지 않습니다. 이 __proto__ property는 다른 객체에 대한 참조이며, 이를 객체의 "prototype"이라고 합니다. 만약 객체의 property에 접근하고, 해당 객체에서 property가 발견되지 않았을 때 자바스크립트 엔진(Javascript Engine)은 해당 객체의 __proto__를 살펴보기 시작합니다. 이때 __proto__만 참조하는 것이 아니라, __proto__의 __proto__를 계속해서 찾아보는데, 이 __proto__중 하나에 property가..

설명 elementSeparotor는 attribute를 파싱하는 함수입니다. class는 "."으로, id는 "#"으로, tag이름은 알파벳으로 시작하기 때문에 이에 따라서 return 값을 다르게 반환합니다. getElems는 querySelectorAll을 모방한 것입니다. elementSeparator을 기반으로 받은 toFind와, attr을 받아 이를 바탕으로 element를 찾기 시작합니다. querySelectorAll은 element의 배열을 반환하기 때문에 최종적으로는 elementsArr을 반환합니다. 본격적인 logic은 다음과 같습니다. 시작점을 default arugment로 body 태그에서부터 찾기 시작했는데, 성능을 위해 시작점을 임의로 지정해줄 수 있습니다. bfs 알고리..

wordle이라는 게임이 있는데 살짝 행맨 같은 게임이다. 다시 생각해보니 행맨 보다는 단어로 하는 야구게임이 오히려 더 어울리는 것 같다. https://www.nytimes.com/games/wordle/index.html 위의 사이트에서 해볼 수 있다. css를 먹이면 조금 따라할 수 있을 것 같은데 일단 이정도만 구현하는 거로 해봐도 괜찮은 것 같다. 너무나 간단하기 때문에 live를 사용하였고, 배포도 안할 예정이다. 제출

정규표현식이란? 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 간단한 문자 검색부터 이메일, 패스워드 검사 등의 복잡한 문자 일치 기능 등을 정규식 패턴으로 빠르게 수행할 수 있습니다. 자바스크립트에서는 정규표현식 또한 객체입니다. 정규표현식의 역할 정규표현식은 크게 3개의 역할들로 구분합니다. 문자 검색(search) 문자 대체(replace) 문자 추출(extract) 본 포스팅은 자바스크립트의 정규식에대해 다루겠습니다. 파이썬, C++ 에서도 정규표현식을 지원하지만, 본 포스팅에서는 자바스크립트 기준으로 공부하고 정리한 것을 올리겠습니다 정규표현식 테스트 사이트 아래의 사이트들에서 간단하게 본인이 작성한 정규식코드를 확인할 수 있습니다. https://rege..