Font Awesome 많은 개발자들이 사용하고 있을 것이라 생각하고, 그만큼 인지도가 높다. 아이콘의 사이즈와 색상 변경, 아이콘 회전, 움직이는 아이콘, 아이콘의 border 조절 등의 기능으로 사용성이 좋다. CDN으로 Font Awesome 사용하기 - CDN (Font Awesome 5는 카테고리 별로 분류가 되어있다) // Font Awesome 5 // Font Awesome 4 - 사용예시 모듈 설치로 Font Awesome 사용하기 https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react Font Awesome The world’s most popular and easiest to use icon set just got a..

사업자 등록번호 유효성 검사 사업자 등록번호에는 패턴이 있고, 이 패턴에 따라 유효한 사업자 등록번호인지 검사할 수 있다. 예로, 111-11-11119 이라는 10자리 임의의 번호를 검사해보자. (이때 사업자번호 마지막 번호는 제일 마지막에 처리하므로, 9를 빼고 연산해보자.) 1. [1, 1, 1, 1, 1, 1, 1, 1, 1] 로 각 숫자를 나누어 배열에 담는다. ​ 2. [1, 3, 7, 1, 3, 7, 1, 3, 5] 인증키 9자리 각 자릿수를 곱한 뒤, 전부 더해준다. Sum = (1*1) + (1*3) + (1*7) + (1*1) + (1*3) + (1*7) + (1*1) + (1*3) + (1*5) Sum = 31 ​ 3. 조회번호, 인증키 배열 마지막 숫자를 곱하여 10으로 나누어 소수..

shadow 스타일을 안드로이드, ios 별로 보여주는 사이트가 있어서 공유한다. 프론트엔드 작업할 때 유용할 것 같음 https://ethercreative.github.io/react-native-shadow-generator/ React Native Shadow Generator ethercreative.github.io

const list = ['리스트1', '리스트2', '리스트3', '리스트4'] list 변수 안에 담긴 4개의 값을 화면에 보여줄 때 어떻게 보여줄까? 리스트1 리스트2 리스트3 리스트4 지금은 list 변수 안의 4개의 값만 보여주지만, 개수가 많아지면 우리는 이런 방식으로 코드 작성하는 것을 원하지 않을 것이다... 이럴 때 map 함수를 사용하면 value 를 반복하여 보여줄 수 있다. import React from "react"; const List = () => { const list = ['리스트1', '리스트2', '리스트3', '리스트4'] const showList = list.map((value, index) => { return {value} }) return ( {showLis..