인생은 양탄자의 무늬짜기

git pull 덮어쓰기 원격 저장소의 내용으로 로컬을 덮어쓰려는 경우 git pull 덮어쓰기 명령어 덮어쓰고 싶은 branch가 따로 있다면 main 대신 원하는 branch명 작성하면 됨 git fetch --all git reset --hard origin/main git pull origin main

github 레파지토리를 먼저 생성한 후 VS Code와 GitHub 연동 아래의 명령어를 순서대로 입력 나의 경우 readme 파일을 생성하여 브랜치를 main으로 생성했기에 git pull origin main을 해줌 readme 파일을 생성하지 않았다면 master 브랜치에서 작업 앞으로 main 브랜치에서 작업할 것이기에 git checkout main 해줌 git remote add origin 주소 git pull origin main git add . git commit -m "commit message" git push -u origin master git checkout main 만약 master 브랜치에서 작업한다면 git remote add origin 주소 git pull origi..

fatal: not a git repository (or any of the parent directories): .git 발생 원인 현재 폴더에 git에 대한 정보를 담은 파일이 없어서 발생 해결방법 아래의 명령어 실행하기 git init git remote add origin (github 주소)

.git 파일 삭제 명령어 rm -rf .git -rf 옵션은 강제로 폴더와 폴더 안의 모든 파일들을 삭제하도록 함 이 명령은 해당 프로젝트에서 git을 사용하여 관리하던 버전이력들을 모두 삭제하며 복구가 불가능 함

useConfirm, usePreventLeave useConfirm, usePreventLeave를 간단하게 hooks로 만들어보자 useConfirm 예시 1 버튼 클릭 시 Are you sure 라는 confirm 창이 나오고 확인을 누르면 Delete the world 출력 취소를 누르면 Aborted 출력되는 간단한 함수형 프로그래밍 const useConfirm = (message = "", onConfirm, onCancel) => { if (!onConfirm && typeof onConfirm !== "function") { return; } if (onCancel && typeof onCancel !== "function") { return; } const confirmAction = ..

useNotification 브라우저 알람 이벤트를 hooks로 만들어보자 useNotification 예시 Hello 버튼 클릭시 브라우저 알람뜸 이때 알람이 허용된 경우에만 알람 확인 가능 const useNotification = (title, options) => { if (!("Notification" in window)) { return; } const fireNotif = () => { if (Notification.permission !== "granted") { Notification.requestPermission().then((permission) => { if (permission === "granted") { new Notification(title, options); } else..

useFullscreen 이미지를 Fullscreen으로 만드는 hooks를 만들어보자 useFullscreen Make fullscreen 버튼 클릭시 이미지 fullscreen, Exit fullscreen 버튼 클릭시 fullscreen 빠져나오기 const useFullscreen = () => { const element = useRef(); const triggerFull = () => { if (element.current) { element.current.requestFullscreen(); } }; const exitFull = () => { document.exitFullscreen(); }; return { element, triggerFull, exitFull }; }; const ..

useScroll hooks를 사용해서 스크롤을 했을때 이벤트를 발생시키기 useScroll 예시 스크롤을 하면 color가 blue에서 red로 바뀌는 이벤트 const useScroll = () => { const [state, setState] = useState({ x: 0, y: 0 }); const onScroll = () => { setState({ y: window.scrollY, x: window.scrollX }); }; useEffect(() => { window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); return state; }; c..

useFadeIn 서서히 나타나는 이벤트를 hooks로 만들어보기 useFadeIn 예시 3초 뒤 Hello, 15초 뒤 lorem ipsum...이 화면에 뜸 const useFadeIn = (duration = 1, delay = 0) => { if (typeof duration !== "number" || typeof delay !== "number") { return; } const element = useRef(); useEffect(() => { if (element.current) { const { current } = element; current.style.transition = `opacity ${duration}s ease-in-out ${delay}s`; current.style.o..

useBeforeLeave 탭을 닫을 때 실행되는 function 생성하기 구체적으로는 마우스의 위치를 확인해서 마우스가 탭쪽으로 갔을때 실행되는 함수임 useBeforeLeave 예시 마우스를 상단 탭 위로 가져가면 사진의 콘솔 메시지가 뜸 const useBeforeLeave = (onBefore) => { if (typeof onBefore !== "function") { return; } const handle = (event) => { const { clientY } = event; if (clientY { document.addEventListener("mouseleave", handle); return () => document.removeEventListener("mouseleave", h..