본문 바로가기
반응형

전체 글174

[git] git merge 전 병합완료 취소하기 git pull 이후 conflict 난 부분 병합하고 서버 안돌리고 병합완료 버튼 눌렀더니만 해당 페이지만 오류가 났다ㅠㅠ그나마 다행인건... merge push 하지 않았다는점...? merge push 하기 전 되돌리는 방법! 1. 병합 중단 및 리셋 병합 하고 있던 작업들을 다 취소하고 병합 전 파일로 돌아가는 것이다. git merge --abort 2. 병합 중단 후 특정 파일 되돌리기이 방법은 특정 파일만 되돌리는건데여기서 --theirs 옵션은 병합할 때 반대쪽(여기서는 pull 받아온 브랜치)의 변경 사항으로 파일을 덮어씌우겠다는 의미 즉, 그 브랜치의 내용을 그대로 가져오게 되는것이다.git checkout --theirs 되돌리고자 하는 파일path를 적어줌 git checkou.. 2024. 8. 22.
[React] Expandable BottomSheet 구현하기 디자이너님이 이렇게 위아래로 움직이게 해주세요 요청하셨을때 이거 너무 쉽게 생각하고 네 금방할게요 이러면서 덤벼들었다가 눈물 날뻔했다...생각보다 블로그 글이 없어서 1차 당황했고 tailwind css 사용하신 분들 없어서 대충 추측하면서 한다고 2차 당황함 무엇보다 코드가 왜 이렇게 길고.. 만들어야 하는 파일들이 많은건지... 업무 중간에 머리 깨질거 같아서 뛰쳐나가고 싶은거 꾹 참았음ㅋㅋㅋ그래도 하나 잘 만들어놓으면 두고두고 여기저기 잘 쓸 수 있음! 여튼 기록해야지... ✔️Bottom sheet 바텀시트 란? 화면 하단에 위치하며 스크롤을 사용자가 드래그로 펴고 닫을 수 있는 화면을 의미한다. 보통 추가적인 정보나 액션을 제공하기 위해 사용된다. 총 2개의 영역으로 구분이 되는데 • 바텀시.. 2024. 8. 21.
[React]useReducer useState처럼 상태관리, 상태 업데이트 hook이다.변경할 값이 많을때 상태 업데이트 즉 상태 관리할 데이터가 많아질때 사용하면 디버깅이 편하며 구조화된 방식으로 상태를 관리하고 싶을때 사용할 수 있다. 선언형태 :const [state, dispatch] = useReducer(reducer, initialState); state : 상태이름 (컴포넌트에서 사용할 상태) -> 빵 담는 접시 dispatch : state를 변경 시 필요한 정보를 전달하는 '함수' -> 주문서reducer: dispatch를 확인해서 state 변경해주는 함수-> 주방(공장)initialState: state에 전달할 초기 값-> 빵 및 재료등 개수 설정 reducer()와 action에 대해서reducer().. 2024. 8. 20.
[React] react-hook-form 사용하기 React-hook-form왜 기존 form 사용 대신 이걸 쓰는게 더 편리한지 어떤  장점이 있는지 찾기 제어 컴포넌트 우리는 React state를 “신뢰 가능한 단일 출처 (single source of truth)“로 만들어 두 요소를 결합할 수 있습니다. 그러면 폼을 렌더링하는 React 컴포넌트는 폼에 발생하는 사용자 입력값을 제어합니다. 이러한 방식으로 React에 의해 값이 제어되는 입력 폼 엘리먼트를 “제어 컴포넌트 (controlled component)“라고 합니다.출처 : 리액트 공식문서 제어 컴포넌트 제어 컴포넌트는 리액트에 의해 값이 제어되는 입력 폼 엘리먼트를 뜻한다. 제어 컴포넌트는 실시간으로 값이 동기화 되는 특징이 있다.  기존 리액트에서 input값을 받아올 때  아래 .. 2024. 8. 13.
[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.
728x90
반응형