styled-components에서 css 변수 사용
styled-components에서 css 사용하기styled-components를 사용하면서 공통된 css가 있을 수 있습니다. 자주 사용하는 css를 변수로 선언하고 styled-components에서 재사용 할 수 있습니다. 사용방법1234567import { css } from 'styled-components';export con
홈
React Router (Link)
React Router DomReact Router Dom을 이용하여 링크를 변경하는 방법에 대해 포스팅하겠습니다. 사용방법1npm i react-router-dom react-router-dom패키지를 설치합니다. 1npm i react-router-dom @types/react-router-dom typescript의 경우 위 두 개의 패키지를
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 값이 있습니다. 따라서 값을 논리값으로 변환하려면 !!를 사용하여 변환 할 수 있
Javascript Data Structures (Primitive Values)
Primitive Values단어 뜻 그대로 원시값입니다. javascript는 Object를 제외한 타입은 모두 변경이 불가능한 값(immutable value)입니다. 원시값은 변수에 할당 할 때 메모리에 고정된 값으로 저장합니다. Kinds of Primitive Values원시값의 종류는 Boolean, Number, String, Null, Und