Latest update : 2021.04.20 - 수정 완료 Vue.js vue 3 버젼 기준 Node.js 설치 (nodejs.org/ko/download/) 작업할 폴더에서 npm install -g @vue/cli (or) yarn global add @vue/cli (vscode 기준) 에디터 확장 기능 설치 - Vetur / HTML CSS Support / Vue 3 Snippets npm 에러 시 yarn 1.XX 설치 (npm install --global yarn) vue create 프로젝트명 -> Default (Vue 3 Preview).. 선택 후 엔터 npm install -g @vue/cli (or) yarn global add @vue/cli (and) // (vscode ..

Latest update : 2021.04.20 - 수정 완료 Vue.js vue 3 버젼 기준 Node.js 설치 (nodejs.org/ko/download/) 작업할 폴더에서 npm install -g @vue/cli (or) yarn global add @vue/cli (vscode 기준) 에디터 확장 기능 설치 - Vetur / HTML CSS Support / Vue 3 Snippets npm 에러 시 yarn 1.XX 설치 (npm install --global yarn) vue create 프로젝트명 -> Default (Vue 3 Preview).. 선택 후 엔터 npm install -g @vue/cli (or) yarn global add @vue/cli (and) // (vscode ..

Latest update : 2021.04.19 - 수정 완료 Vue.js vue 3 버전 기준 Node.js 설치 (nodejs.org/ko/download/) 작업할 폴더에서 npm install -g @vue/cli (or) yarn global add @vue/cli (vscode 기준) 에디터 확장 기능 설치 - Vetur / HTML CSS Support / Vue 3 Snippets npm 에러 시 yarn 1.XX 설치 (npm install --global yarn) vue create 프로젝트명 -> Default (Vue 3 Preview).. 선택 후 엔터 npm install -g @vue/cli (or) yarn global add @vue/cli (and) // (vscode ..

Latest update : 2021.04.19 - 수정 완료 CRA 기반 React.js 1. input 기본 input 예시 import React, { useState } from 'react'; // state let [inputText, setInputText] = useState(''); // 저장 공간 만들기 ------------------- // input tag { setInputText(e.target.value) } }> // 뭔가 입력될 때 실행됩니다 tip) e.target >> 이벤트가 발생한 target 요소 / e.target.value >> 이벤트가 발생한 target value값 2. input 입력값 다른 state에 추가 (서버 저장 X) import React, {..

Latest update : 2021.04.19 - 수정 완료 이후 기재해야 할 수정사항은 추가 포스팅 후 링크하겠습니다. (기초영역일 경우) 어려웠던 class형 component 바로가기 2021.04.19 - [Front-end Study/React.js] - [React.js] 기초 - class로 component 만들기 (구문법) CRA 기반 React.js Node.js 설치 (nodejs.org/ko/download/) (CRA) npx create-react-app 프로젝트명 or yarn create react-app 프로젝트명 -> npm start npx create-react-app 프로젝트명 (or) yarn create react-app 프로젝트명 (and) npm start ..