본문 바로가기
반응형

전체 글170

[React] react-hook-form useRef 사용 보통 javascript 에서는 getElementById , querySelector 같은 DOM Selector 함수 사용해서 DOM 선택  리액트는 ref 이용해서 DOM 선택 특히 자주 쓰이는 함수형 컴포넌트는 useRef 사용  DOM을 직접 선택해야 할 경우들 1. 엘리먼트 크기를 가져와야 할 때2. 스크롤바 위치를 가져와야 할때3. 엘리먼트에 포커스 설정 해줘야 할때 등등    ** useRef를 이용해서 어떻게 password와 password confirm이 같은지 알 수 있는걸까? 흐름은 이렇게 됨 1. ref 생성 2. watch를 이용해서 password 필드 값 가져오기 const password = useRef();password.current = watch("password").. 2024. 8. 13.
[Tailwind css] 셀렉브박스 화살표 표시 보호되어 있는 글 입니다. 2024. 7. 26.
git branch사용법 브랜치 사용법브랜치 생성git branch 브랜치명브랜치를 생성하는 명령어는 git branch이다.$ git branch 브런치명다. 브랜치명 변경하기이 경우 master/main 브랜치에 위치해 있는지 확인 후 git branch -m [브랜치명] [새로운 브랜치명]git branch -m master mymaster  브랜치명 변경되었는지 확인/ 모든 브랜치명 확인git branch  그러면 여러 브랜치 명들이 나열됨 이런식으로 나옴 * 있는 곳이 내가 있는 위치   브랜치 이동하기(Checkout)git checkout (브랜치)현재 master 브랜치에서 mm 브랜치로 이동하려면 checkout 명령어를 사용한다.git checkout mm  브랜치 생성과 체크아웃git checkout -b (.. 2024. 7. 5.
[tailwind css] 사용법 보호되어 있는 글 입니다. 2024. 7. 3.
[vus.js] Vuex란? ✔ Vues란 상태(state)를 관리하는 라이브러이이다. 여기서 상태란? new Vue({ // 상태 data () { return { count: 0 } }, // 뷰 template: ` {{ count }} `, // 액션 methods: { increment () { this.count++ } } }) 여기서 data()를 상태(state)라고 부르는데 컴포넌트 간의 공유할 수 있는 데이터를 말한다. 이 상태를 관리하는 것이 Vuex이다. prop나 ref등 컴포넌트 간 데이터(상태)를 공유할 수 있는데 왜 Vuex가 필요한걸까? 공통의 상태를 공유하는 여러 컴포넌트가 있는 경우, 지나치게 중첩된 컴포넌트를 통과하는 prop이 생기게 된다. 이는 나중에 유지보수하기 힘든 난해한 코드가 될 수 있.. 2024. 4. 19.
Vue.js 입문 https://v2.ko.vuejs.org/v2/guide 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 v2.ko.vuejs.org Vue.js는 웹 프론트엔드 프레임워크이다. - 컴포넌트 기의 SPA(Single Page Application)을 구축할 수 있게 해주는 프레임워크 컴포넌트(Component) -웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹페이지 내의 다양한 UI dyth - 재사용 가능하도록 구조화 한 것 SPA Single Page Applicaion) - 단일 페이지 어플리케이션 -하나의 페이지 안에서 필요한 영역 부분만 로딩되는 형태 - 빠른 페이지 변환 - 적은 트레픽 양 React랑 Vue는 공통점을 공유함 -가상 DOM을 활용한다. -반응.. 2024. 4. 19.
728x90
반응형