복습용연습장

git checkout git checkout git checkout 으로 해당 commit으로 이동할 수 있다. commit 해쉬는 git log --oneline으로 확인할 수 있고 git log에서 긴 해쉬코드에서 앞자리 7자리도 가능하다. 원래의 브랜치로 돌아가려면 git switch 브랜치명 으로 해도 되지만 가장 최근 브랜치로 이동하고 싶으면 "git switch -" 하면 된다. git checkout HEAD~n git checkout HEAD~n // n은 인덱스가 아님 git checkout HEAD~n으로도 해당 commit으로 이동할 수 있다. 현재 HEAD 기준으로 이동하며 n은 인덱스 번호가 아니다 ex) git checkout HEAD~2 는 HEAD기준으로 2번째 뒤에 있는 ..

Git 2023. 4. 13. 01:27

git diff diff --git a/master.txt b/master.txt //a랑 b로 이루어진 master.txt 두 파일을 비교하는 것 a는 이전의 파일 b는 이 후의 파일이다 index 74bac62..3ddcc83 100644 // 의미 x --- a/master.txt // 원래 파일 +++ b/master.txt // 이 후 파일 @@ -1,2 +1,3 @@ // -1,2에서의 -는 원래 파일을 뜻하고 1번줄 코드줄부터 보여준다는 뜻이고 //그 코드줄부터 몇개의 코드줄을 보여주는지 뜻한다. // +1,3은 +는 바뀐 파일이고 1번째 코드줄부터 3칸의 코드줄을 보여준다는 뜻 commit 완료된 코드입니다. // -, + 가 있는건 둘다 있는 코드이고 -commit 완료된 코드입니다2. ..

Git 2023. 3. 31. 02:41

.gitignore touch .gitignore 보안상의 이유라던지 어떠한 이유로 파일을 추적하고 싶지 않을 때 사용한다. 사용법은 git init을 한 최상위 폴더에 touch .gitignore 파일을 생성하고 추적하고 싶지 않은 파일을 한 칸마다 입력하면 된다. ex) index.html app.js 브랜치 리스트 확인 = .git branch git branch // 브랜치 리스트 ex) * master // *표시는 현재 브랜치 위치 branch1 branch2 *이 붙어있는 브랜치가 현재 위치 브랜치 생성 = .git branch git branch // 브랜치 생성하고 git branch // git branch 명령어를 사용해서 확인할 수 있다. 브랜치 이동 = .git branch gi..

Git 2023. 2. 23. 21:15

https://hyunu0504.github.io/movie 영화 hyunu0504.github.io 프로젝트 과정 TMDB에서 제공하는 API를 사용하였습니다. 제공하는 API의 정보를 보고 현재 상영 중, 상영 예정작, 인기 영화를 보여주고 검색할 수도 있고 영화를 클릭했을 때 해당 영화의 상세정보를 보여주는 사이트를 만들고자 했습니다. useEffect를 사용해서 불필요한 렌더링이 안생기도록 했습니다. useContext로 데이터를 관리했습니다. 영화 상세 페이지에서 새로고침할 때 클릭한 영화의 ID값이 초기화 되는것을 local storage에 담아서 새로고침해도 보이도록 했습니다. 새로고침을 할때 404에러가 발생해서 확인해보니 깃헙은 SPA를 지원하지 않는다고 해서 react-route-dom..

REACT 2023. 2. 4. 15:21

이벤트를 실행할때 어떤 요소의 스크롤 높이에 맞춰서 실행하려고 하는데 반응형으로 그 요소의 scrollTop의 위치가 계속 바뀌어서 절대 좌표를 사용하여 해결하였다. 절대 좌표 window.pageYOffset + element.getBoundingClientRect().top; 뷰포트 기준 ( 상대 좌표 ) getBoundingClientRect().top;

JAVA SCRIPT 2023. 1. 18. 03:12

터미널에 npm i swiper import { Swiper, SwiperSlide } from "swiper/react"; import { Pagination, Navigation, Autoplay } from "swiper"; Slide 1 Slide 2 Slide 3 https://swiperjs.com/demos#custom-plugin Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 자세한건 여기에 나와있다.

REACT 2022. 12. 23. 01:34

1. 터미널에 npm install react-spinners --save 2. import import 사용하려는 스피너 from "react-spinners/사용하려는 스피너"; 여기서 고르면 된다. https://www.davidhu.io/react-spinners/ React Spinners www.davidhu.io

REACT 2022. 12. 7. 02:57

특수문자 체크 정규식 const regExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+@\#$%&\\\=\(\'\"]/g; 모든 공백 체크 정규식 const regExp = /\s/g; 숫자만 체크 정규식 const regExp = /[0-9]/g; 이메일 체크 정규식 const regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; 핸드폰번호 정규식 const regExp = /^\d{3}-\d{3,4}-\d{4}$/; 일반 전화번호 정규식 const regExp = /^\d{2,3}-\d{3,4}-\d{4}$/; 아이디나 비밀번호 정규식 const regExp = /^[a..

JAVA SCRIPT 2022. 8. 25. 23:42