JavaScript 에서 Logical Operator [논리 연산자] 라고 불리우는 || && 연산자는 다른 언어와 달리 논리적 기능 이외에도 Short Circuiting 이라는 특이한 성질을 가지고 있다. 다른 언어에서 논리 연산자를 접하고 JavaScript로 넘어온 경우 short circuiting 이라는 개념이 생소할 수 있기에 이번 포스팅 에서 정리해 보고자 한다. 📃List 1. OR Operator short circuiting 2. AND Operator short circuiting 2.1 if statement vs short circuiting 💡 개인적인 공부 내용을 기록하고자 하는 용도로 작성한 글 이며, 계속적으로 수정 및 추가해 나갈 예정입니다. 1. OR Operator..

💬 안녕하세요 nov입니다. 이전 포스팅에서 window document 객체의 querySelector와 querySelectorAll 메서드를 사용해 HTML element에 접근하는 방법에 대해서 정리해 보았습니다. → [JS] querySelector & querySelectorAll - HTML element 접근하기 이번 이어지는 포스팅에서는 querySelector 메서드를 이용하여 CSS Property에 접근하는 방법과 유의할 점에 대해 정리해 보도록 하겠습니다. 💡 개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있으며, 지속적으로 수정해 나갈 예정입니다. querySelector With CSS Property document.querySelec..

* 개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. * 지속적으로 내용을 수정해 나갈 예정입니다. _contents #1 Path Module이란? #2 Path 모듈 사용법 #2.1 __filename & __dirname #2.2 path.sep & path.delimiter #2.3 path.join #1 Path Module이란? path 모듈은 Node.js에서 폴더와 파일의 경로를 쉽게 조작하도록 제공하는 모듈이다. path 모듈이 필요한 이유 중 하나는 운영체제별로 경로 구분자가 다르기 때문이다. 운영체제의 경로는 크게 Window Type 과 Unix Type(MAC & LINUX)으로 나뉜다. Window Type : C:\Users\No..

*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. *지속적으로 내용을 수정해 나갈 예정입니다. _Contents #1 인코딩 & 디코딩 #2 encodeURIComponent & decodeURIComponent #1 인코딩 & 디코딩 인코딩이란 사람이 인식 가능한 문자열을 바이트 형식으로 변환하는 과정이다. 디코딩은 인코딩의 반대 개념으로 바이트 형식을 문자열로 변환하는 과정이다. 인코딩과 디코딩은 주로 HTTP 통신을 수행 시 URI에 한글 혹은 특수문자가 포함되어 있을 때 사용된다. 예를들어 다음 URI의 쿼리스트링 부분을 살펴보자.(?이후가 쿼리 스트링이다.) job에 프로그래머&블로거 라는 값이 전달 되기를 기대했지만, &특수문자는 &자체로 인식..

*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #String.prototype.startsWith ES6에서 새로 도입된 메서드로 대상 문자열이 인수로 전달받은 문자열로 시작하는지 확인하여 그 결과를 true of false로 반환합니다. #Example const str = 'Nov log'; // 문자열 str이 'Nov'로 시작하는지 확인한다. str.startsWith('Nov'); // true // 문자열 str이 'x'로 시작하는지 확인한다. str.startsWith('x'); // false String.prototype.startsWith 메서드의 2번째 인자로 검색을 수행할 시작 인덱스를 설정할 수 있습니다. const str = ..

*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #1 생성자 함수(Constructor) #2 생성자 함수 동작 방식 Reference 모던 자바스크립트 Deep Dive 234p~246p new 연산자와 생성자 함수 (javascript.info) 이전 포스팅 (객체 리터럴을 이용한 객체 생성) 에서 객체 리터럴 방식 { ... }을 이용한 객체 생성 방법에 대해 알아 보았다. 객체 리터럴 방식은 직관적으로 객체를 쉽게 생성할 수 있지만 동일한 프로퍼티를 갖는 객체를 여러 개 생성해야 하는 경우에는 같은 프로퍼티를 여러 번 기술해 주어야 하기에 코드 생산성이 떨어진다. 이번 포스팅 에서는 new 연산자와 생성자 함수를 이용하여 객체를 생성하는 방법에 ..

*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #객체 #프로퍼티 생성 #프로퍼티 접근 #프로퍼티 삭제 #메서드와 this Reference : 메서드와 this (javascript.info) 객체 (javascript.info) 모던 자바스크립트 Deep Dive 10장 객체 리터럴 124p~135p #객체 자바스크립트는 프로토타입 기반 객체지향 언어로 C++, JAVA, C# 등과 같은 클래스 기반 객체지향 언어와 달리 다양한 객체 생성 방법을 지원한다. (객체 리터럴, Object 생성자, 생성자 함수, 클래스 등..) 이번 포스팅에서는 객체를 생성하는 가장 기본적인 방식인 객체 리터럴에 대해 정리해 보고자 한다. #프로퍼티 생성 객체는 중괄호{..

*개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. *지속적으로 내용을 추가 및 수정할 예정이며, 잘못된 내용에 대한 지적은 언제나 환영합니다! #관련 포스팅 _함수 선언문 _익명함수 _콜백함수 #화살표 함수 #화살표 함수 앞선 포스팅에서 함수표현식과 함수선언문을 이용해 함수를 선언하는 방법에 대해 정리했다. 이번 포스팅에서는 ES6버전부터 지원하는 =>표기법(화살표 표기법)을 사용해 함수선언을 더욱 간단하게 작성하는 화살표 함수의 기본적인 사용법에 대해 정리해 보고자 한다. 화살표 함수의 기본형은 다음과 같다. // 매개변수가 없는 경우 var/let/const 함수명 = () => { 실행문 }; // 매개변수가 있는 경우 var/let/const 함수..