Front-end Study(9)
-
[Flutter] 플러터 버젼 다운로드 후 설치 & 안드로이드 스튜디오 터미널 from bash to zsh
1. 플러터 버전 다운로드 후 설치 플러터 버젼을 안정화된 버전으로 다운 그레이드 하고 싶은데 (flutter downgrade v.X.X.X)로 설치하려고 했는데 원하는 버젼이 아닌 다른 버전으로 설치되며.. (맘대로;;;) 제대로 안먹히는 경우가 있었습니다. (저는 프로 개발자가 아닌 개발자 지망생이기에 더더욱 이해할 수 없는 너낌....) 그래서 zip 파일을 다운로드하여 지정 버전으로 바꾸려는 시도를 하면서 성공! 했기에 공유하려 합니다. 플러터 버젼 다운로드 https://docs.flutter.dev/development/tools/sdk/releases? tab=macos 원하는 버전으로 다운로드를 다 하셨다면 터미널 저 같은 경우에 bash로 진행했다가 $ vim .bash_profile ..
2022.02.15 -
[Vue.js] 기초 - Boolean state로 팝업같은 UI생성 / v-if
Latest update : 2021.04.23 - 수정 완료 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 ..
2021.04.23 -
[Vue.js] 기초 - 이벤트 핸들러 / v-on:click / @click
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 ..
2021.04.20 -
[Vue.js] 기초 - 리스트 렌더링 / 반복문 / v-for / :key
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 ..
2021.04.20 -
[Vue.js] 기초 - 설치/Vscode extension/Data binding
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 ..
2021.04.19 -
[React.js] 기초 - class로 component 만들기 (구문법)
Latest update : 2021.04.19 - 수정 완료 훨씬 쉬운 function형 component 바로가기 2021.04.16 - [Front-end Study/React.js] - [React.js] CRA 기초 - 설치/state/Component/props 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 1. 기본 class 예시 i..
2021.04.19