아카이브: 2020

React Native Android APK

Android 앱 설치를 위한 apk 파일 생성 방법1. key storeAndroid용 apk를 만드려면 keystore 파일이 필요합니다. 따라서 keystore파일을 만들겠습니다. 1keytool -genkey -v -keystore your_key_name.keystore -alias your_key_alias -keyalg RSA -keysize

zsh compinit

zsh compinit맥 터미널에서 아래와 같은 에러가 발생하는 경우가 있습니다. 12zsh compinit: insecure directories, run compaudit for list.Ignore insecure directories and continue [y] or abort compinit [n]? 해결방법1compaudit | xargs c

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

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