LANGUAGE/ReactJS 3

[REACTJS] fontawesome 적용

1. fontawesome npm install 1.1. svg 기반 아이콘 활성화 npm install --save @fortawesome/fontawesome-svg-core 1.2. 아이콘 패키지 설치 npm install --save @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons 1.3. React 컴포넌트 형태로 사용 npm install --save @fortawesome/react-fontawesome 2. import icon import React from "react" import { faCamera } from "@fortawesome/free-..

LANGUAGE/ReactJS 2020.12.07

[ReactJS] react html tag auto complete

아무런 세팅없이는 Visual Studio Code에서 React javascript의 HTML 태그의 자동완성을 지원하지 않고 있음. 따라서 이를 위해 settings.json을 수정할 필요가 있음. 'CTRL + ,' 단축키를 통해 settings.json 편집을 시작 이 파일은 파일과 언어의 연결을 구성함. "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": {"javascript" : "javascriptreact"} 위 설정을 추가한다.

LANGUAGE/ReactJS 2020.05.29

[ReactJS] git repository remote

# 개발환경 - OS : windows 10 Pro 64-bit - NODE : 12.17.0 - YARN : 1.22.4 - NPM : 6.14.4 create-react-app npx create-react-app [프로젝트명] 프로젝트를 만들었을 때 .git 파일이 생성되지 않았다면, 다음과 같은 명령어를 통해서 git이 연결된 계정정보가 있는지 확인함. Visual Studio Terminal 1: bash > git config --list user.name, user.email 정보가 존재하지 않으면 config 명령을 통해서 연결할 git 계정정보를 입력함. 이 때, 글로벌하게 설정할지, 해당 프로젝트만 설정할지는 '--global' 옵션을 통해서 결정함. # 글로벌하게 설정 git conf..

LANGUAGE/ReactJS 2020.05.29