태그: javascript

Apply Absolute For Create React App

Create React App의 절대경로 설정경로를 src폴더 기준으로 상대경로(../../../component/user)에서 절대경로(component/user)로 변경하는 방법에 대해 알아보려고합니다. 절대경로 설정CRA프로젝트 루트에 jsconfig.json파일을 생성 후 다음과 같이 작성합니다. 123456{ "compilerO

While Statement

Whilejavascript에서 While문법은 동일한 동작을 반복 할 수 있습니다. 사용방법12while (condition) {}; while 문법은 위와 같습니다. condition이 true일 때 while문 안의 내용이 실행됩니다. while 문은 세가지(Loop start, Loop end, Loop increment/decre

Switch Statement

Switchjavascript에서 switch문법은 if, else if를 대체 할 수 있습니다. if, else if와 비슷하지만 약간의 문법 차이가 있습니다. 사용방법12345678910111213141516171819const dayNum = new Date().getDay();function ifDay(dayNum) { if (dayNum

Template Literal

Template LiteralTemplate Literal이란 ‘(따음표), “(쌍따음표) 대신 `(백틱)을 이용하여 새로운 문자열 표기법이 추가되었습니다. 문자열 안에서 따음표와 쌍따음표를 사용하려면 \ (backslash)를 이용했어야 했는데 Template Literal 내에선 \ (backslash)가 필요없어졌습니다. 문법1const grettin

7 Useful Array Methods

Array method유용한 배열의 7가지 메소드에 대해 설명드리겠습니다. every배열의 every method는 배열의 모든 원소를 반복하여 하나라도 조건이 맞지 않는다면 즉시 반복을 멈추고 false를 반환합니다. 모든 조건에 맞아야만 true를 반환합니다. 1234const randomNums = [2, 4, 5, 6, 8, 10];randomNum

Nullish Coalescing Operator (??)

Nullish coalescing Operatorjavascript에서 Nullish coalescing Operator를 사용 가능합니다. es2020에 Optional Chaining과 함께 추가되었습니다. typescript 3.7버전에서 이미 추가 된 기능이지만 es2020부터 javascript에서도 사용 가능합니다. Nullish coalesci

Remove Duplicate In Array

Remove Duplicate In Arrayjavascript es6에서 set를 이용하여 간단하게 중복을 제거 할 수 있습니다. Usage1const balls = ["⚽", "🏀", "🏈", "🏈", "⚾", "⚾", "🏈", "🎾", "⚽"]; balls라는 배열은 럭비공, 야구공, 축구공이 중복으로 들어있습니다. 123const balls

Clone An Array

Clone An Array배열을 복사하는 방법은 여러가지가 있습니다. 배열은 javascript에서 reference value이기 때문에 배열을 복사 할 때 잘 생각하고 복사를 해야합니다. =를 사용해서 값을 복사하면 안되는 이유!12345const animals = ["🐶", "🐱", "🐵", "🐯", "🐷"];const copiedAnimal

Destructuring Assignment

Destructuring Assignment?Destructuring Assignment이란 구조분해할당이라고 합니다. 구조분해할당은 배열(array)또는 객체(object)의 개별 값을 변수로 저장하는 방법입니다. Array Destructuring12345678910// fruit listconst fruit = ["apple", "peach", "

Double Exclamation Operator (!!)

Double Exclamation Operator느낌표두개연산자 또는 Double NOT operator라고 불리우는 이 연산자는 오른쪽에 있는 값을 boolean 즉 논리적 값으로 변환해줍니다. 모든 javascript의 값에는 연관된 boolean true 또는 false 값이 있습니다. 따라서 값을 논리값으로 변환하려면 !!를 사용하여 변환 할 수 있