플러터 설치하는 과정은 다른 포스팅이 잘되어 있는게 많아 참고를 했다. https://flutter-ko.dev/docs/get-started/install/macos 맥OS에서 설치 flutter-ko.dev 플러터 공식 문서, 1. 안드로이드 스튜디오 설치 2. flutter 파일 설치 3. xcode(only need for mac) 설치 https://www.youtube.com/watch?v=xJlBF9NgDag 여기서 서브라임 텍스트를 통해 ~/bin 파일을 ~/.zshrc로 저장하는 방식인데, 이미 기존에 많은 셋팅들이 들어가 있는터라 그럴 순 없었고, iterm2에 vscode 연결이 되어있다면 code ~/.zshrc 아니라면 open ~/.zshr 로 파일을 열어서 직접 수정해준다!! ..
갑자기 회사에서 리엑트를 만지게 될 수도 있다는 말을 들었다. 개발을 다 진행하는게 아니라 내가 하는건 이미 개발 진행중인 프로젝트에 탑승해, HTML 및 CSS 를 건드는 일정도 인데, 리액트에 대한 이해가 없는 상태에서 진행 할 수 없을 거 같아 살짝 발 담군 내용을 적어 볼까 한다. 리엑트를 시작해야하는데, node.js 가 다행히 Vue 공부한다고 설치가 되어 있었다. 터미널에 npx create-react-app blog Vue는 Vue create 프로젝트명 React는 create-react-app 프로젝트명 으로 시작한다. 시작하게 되면 구조는 뷰랑 같다. 다만 src 내 폴더 내용물이 좀 다르다. 내가 주로 작업할 곳은 App.js 이다. react는 js 파일을 통해서 작업을 진행한다...
Components 등록 //3. AppHeader 컴포넌트 HTML 입력. Props : 루트 컴포넌트 에서 하위 컴포넌트로 데이터 보낼때 app.vue //2. v-bind:"작명**(관리 편의성을 위해 데이터랑 같이)"="str(보낼 데이터)" // v-bind:str="str" => :str="str" 하위 컴포넌트(ex: AppHeader.vue) {{str}} **//4. 데이터 사용** send
1. node.js를 이용해 뷰 라우터를 깔아주자! npm install vue-router@4 설치된 뷰버전이 Vue 3 이기 때문에 라우터 라이브러리도 4버전을 설치해주자 2. router.js 생성 src 파일안에 router.js 파일을 생성을 해서 라우터를 사용할 준비를 하자. import { createWebHistory, createRouter } from "vue-router"; const routes = [ { path: "/경로", component: import해온 컴포넌트, } ]; const router = createRouter({ history: createWebHistory(), routes, }); export default router; 기본 셋팅이다. 뷰 라우터를 만든 ..
준비물 HTML 라디오에 라벨을 연결. (id="sameName")/(for="sameName") 라디오를 이용한 버튼 토글 A B C 결과 : CSS 취향대로 꾸며 주기 div { display:flex; align-items: center; } p { margin-right: 20px; } input { display:none } label { margin-right: 10px; color: #6c6c6c; border: 1px solid #9c9c9c; border-radius: 15px; background-color: #fff; height: 26px; padding: 0 15px; line-height: 27px; background-color: #fff; } .clicked_botton { ..
HTML5 / css / js / sass 사용하는데, 내가 일하고 있는 아주아주작은회사에 하청을 주는 회사의 개발자들이 뷰를 사용하고 있었다. 뷰에 대한 이해가 없는 상태에서 HTML / CSS 로 구현을 하자니 소통하는데 한계가 있고.. 뷰를 공부하고 싶은 욕심이 생겼다. 로 이동하지말고 라우터 링크(?)로 이동하고 싶어 졌다. 이제부터 뷰를 공부하는 과정을 티스토리에 기록하고자 한다.
