Programming/Frontend 14

NPM 패키지 매니저 Linux에 설치하기

nvm 공식 사이트 를 참고해 보자. curl, wget 둘 중 하나로 설치하면 된다. // curl으로 설치하기 # curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash // wget으로 설치하기 #wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash ~.bash_profile에 반영하자. # source .bash_profile nodejs v9.5.0 설치 # nvm install v9.5.0 // 아래의 방법으로 설치가능한 버전을 확인해도 된다. # nvm list-remote |grep 17.... ..

(React) 앱 초기화 및 몇가지 패키지

NPM을 활용한 앱 초기화 (프로젝트 생성) npx create-react-app app-name 반응형 웹을 위한 패키지 npm install react-responsive npm install @types/react-responsive 부트스트랩 설치 import "../node_modules/bootstrap/dist/css/bootstrap.min.css"; import "../node_modules/bootstrap/dist/js/bootstrap.bundle"; > npm install bootstrap@^5.0.0-alpha1 유용한 아이콘 및 폰트 import { faLinkedin } from "@fortawesome/free-brands-svg-icons"; "@fortawesome/f..

React+TypeScript 개발환경 세팅 및 Startup

패키지 매니저 NPM 사용 시 ※ 일반적인 React 프로젝트 시작 시 https://developer.mozilla.org/ko/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started React 시작하기 - Web 개발 학습하기 | MDN 이 문서에서는 React를 소개합니다. 우리는 React에 대한 약간의 배경지식과 사용 예시, 로컬 컴퓨터에 React 툴체인을 설정하는 방법을 배우고 프로세스에서의 React 동작 원리를 배우기 위해서 간단 developer.mozilla.org npx create-react-app demo-jpkim --template=typescript npm install -S s..

(Vue) Vue 개발환경 세팅

VSCode 설치 https://code.visualstudio.com/docs/?dv=win Documentation for Visual Studio Code Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com VSCode 의 Extension 설치 Vetur 플러그인은 Vue.js를 개발하는 데 도움을 ..