즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다. -MDN-
JavaScript에서 Window와 Document의 차이점을 알아보자.. 일단 무지성으로 구글 검색 후 MDN에 들어간다.Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. document 속성이 창에 불러온 DOM 문서를 가리킵니다. 반대로, 주어진 문
querySelector()를 몇 번은 사용해봤다. 사용할 때마다 '아~ 이거 html 태그 선택해주는 건가보다.' 하고 항상 넘어갔다. 결론적으로는 그게 맞을지도 모르겠다. 하지만 확실하게 정리하고 넘어가고 싶어서 더 알아봐야겠다.그래서,Document.querySe
웹페이지를 살펴보면 페이지의 최상위로 이동하거나 특정 페이지로 이동하는 버튼을 본 적이 있을 것이다. 그 버튼을 누르면 브라우저로부터 해당 창의 위치 정보를 받아와 무언가를 할 것 같다. 그럼 좌표 정보를 어떻게 가지고 오고 간단하게 활용할 수 있는지 알아보자.우선
HTML파일에 ``태그를 이용해 JavaScript를 하는 방법은 4가지가 있다. 일반적인 sciprt tag 삽입 body태그 안에 script 태그 삽입 async 속성 사용 defer 속성 사용 1.일반적인 script ta 삽입 1번 방법은
삼항 조건 연산자란? 삼항 조건 연산자의 사용법 삼항 조건 연산자 응용 삼항 조건 연산자의 장점과 단점
처음으로 truthy한 값을 return 한다.truthy 값이 없을 시 가장 우측의 값을 return 한다.||을 사용해서 0을 할당하도록 처리해야하지만 0은 ||과 &&에서 falsy값으로 처리되기 때문에 적절하게 처리할 수 없다. 그럴 때는 ??을 사용해야한다.처
자바스크립트를 처음 배우면 var를 사용하지 말라고 많이들 들을 것이다. 우선은 맞다. var는 프로그래밍 관점에서 너무 위험한 현상을 수반한다. 어떠한 현상 때문에 위험한지, 더 좋은 코딩 방법은 무엇인지 알아보자. 본 글은 Udemy 장현석님의 클린코드 자바스크립트
자바스크립트의 타입은 동적이고, 유연하다. 이 말을 바꿔말하자면, 편하지만 위험성을 내포하고 있다는 뜻이다. 조금 더 안전한 JavaScript type을 위해 공부한 내용을 정리한다.본 글은 Udemy 장현석님의 클린코드 자바스크립트를 토대로 정리하고, 추가적으로 살
TypeScript 공부한 내용을 정리하려고 합니다.아래와 같은 undefined 타입 지정은 모순적이다.name이라는 변수에 데이터를 넣으려고 선언을 했는데. undefined 라는 것이 의미적으로 앞뒤가 맞지 않는다.undefined 로 선언된 변수에는 undef
드림코딩엘리님의 TypeScript 강의를 토대로 정리했습니다.프로그래밍 패러다임 중 하나로 객체를 기반으로한 프로그래밍을 한다. 객체 지향 프로그래밍은 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위, 즉 "객체"들의 모임으로 파악하고
6. Interface를 이용해 추상화 이해하기 추상화라는것은, 어떤 실체로부터 공통적인 부분이나 관심 있는 특성들만 한곳에 모은것을 의미한다. 예를들어서, 지구를 본따 만든 지구본을 예로 들 수 있다. 지구본은 실제 지구로 부터 관심 있는 특성들(대륙의 위치, 위
드림코딩엘리님의 TypeScript 강의를 토대로 정리했습니다.기본 타입외에 사용자가 타입의 이름을 지정할 수 있다.객체의 프로퍼티도 타입을 지정할 수 있다.타입을 지정할 뿐만 아니라 특정 값만 할당할 수 있도록 지정할 수도 있다.프로그래밍 언어에서 or 과 비슷한 역
드림코딩엘리님의 TypeScript 강의를 토대로 정리했습니다.객체지향의 원칙 중 하나로 특정 키워드를 사용함으로서 정의한 클래스 외부에서 클래스 내부의 메서드나 멤버변수, 프로퍼티의 접근을 막기 위해 사용한다. 캡슐화라고도 부르며, 클래스 내부의 정보를 은닉하기 보호
Node.js 란 무엇인가? 자바스크립트 런타임 환경으로, 브라우저 이외의 환경(server)애서 JavaScript를 사용할 수 있게 만들어준다. 자바스크립트 를 활용하며 논블로킹(Non-blocking) I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성