reset과 revert의 공통점과 차이점 ? 둘 다 이전 커밋으로 되돌리는 명령어라는 점은 동일 reset은 브랜치를 혼자만 사용하는 경우 or 원격에 push 하지 않은 경우revert는 코드 공유를 하는 경우 or 원격에 push를 한 경우 사용 revert는 커밋을 이전으로 되돌린 이력을 남기기 때문에협업을 할 때는 reset보다 revert를 권장 reset 옵션 1) --hard : 돌아간 커밋 이후의 변경 이력 모두 삭제git commit -m "A"git commit -m "B"git commit -m "C"git reset --hard [A 커밋의 hash]git pushA로 되돌렸기 때문에 A 이후에 커밋한 B, C의 변경 내용은 모두 사라지고 코드도 날아감 2) --mixed :..
next.js14, typescript로 홈페이지 개발 중 footer 영역의 familysite selectbox에서 option 값 클릭 시 외부 페이지 이동 기능 구현 {/* footer.tsx */}'use client';import '@/assets/css/footer.css';const URL = { NAVER: 'https://www.naver.com', DAUM: 'https://www.daum.net', NATE: 'https://www.nate.com',};function Footer() { const openOutsideSite = (site: string) => { window.open(site); }; return ( { ope..
FE 개발자분과 git으로 협업을 하다가 아래와 같은 에러메시지가 발생Module not found: Can't resolve 'zustand' zustand는 react의 상태 관리 라이브러리인데 나에게는 해당 라이브러리가 없기 때문이었다 yarn으로 zustand를 추가하는 터미널 명령어yarn add zustand 구글링 해보고 냅다 터미널창에 타이핑 했는데 실패 ㅠㅠ 우리 회사의 작업 방식은 한 개의 레포지토리에서 다수 프로젝트를 관리하는 모노레포 형식인데내가 가장 바깥 디렉토리에다 zustand를 add 하는 바람에 가장 바깥의 package.json 파일에 zustand가 추가된 것이었다 *모노레포 작업 시 라이브러리 설치하는 방법 (우리회사 한정일지도) 가장 바깥의 package..
// open : 2024-06-04 17:00// close : 2024-06-15 00:00$(() => { const textBefore = '6/4(화) 17:00 오픈 예정'; const textOngoing = '결과 입력하기'; const textFinish = '자세히 보기'; const slideExam = $('.js_slide_exam'); // 슬라이드 배너 const btnExam = $('.js_btn_exam'); // 슬라이드 배너 btn const popExam = $('.js_pop_exam'); // 팝업 배너 // event 진행중 : 6/4 17:00 ~ 6/14 23:59 = "17") Or fnDateTimeFormat(..
// 브랜치 생성git checkout -b feature/test// 브랜치 이름 변경git branch -m feature/test// 브랜치 전환 (main으로)git checkout main// 로컬 브랜치 삭제git branch -d feature/test// 원격 브랜치 삭제git push origin --delete feature/test *참고https://www.freecodecamp.org/korean/news/git-rename-branch-how-to-change-a-local-branch-name/ Git 로컬 브랜치 이름 변경하는 방법Git을 사용하며 개발 프로젝트를 진행하다 보면 로컬 브랜치의 이름을 변경해야 할 때가 있습니다. 이 기사에서는 Git에서 로컬 브랜치 이름을 변..
- react로 build 된 페이지를 수정 및 재배포- yarn 환경 1. 프로젝트 세팅// 내 로컬로 복사git clone https://github.com/{username}/{repo-name}.git// 로컬 프로젝트 폴더로 진입cd {repo-name} // yarn startyarnyarn start 2. 작업 후 커밋, 푸쉬// 내 branch 체크 (생략가능)git branch // 내 git의 현재 상태 체크 (생략가능)git status // 작업 파일들이 stage에 올라가 있는지 체크git add . // 메시지 작성 및 커밋git commit -m "커밋메시지"// 작업 파일들이 올라갈 url(주소)확인git remote -v// 확인한 주소로 pushgit push orig..
swiper 속성 정리function eventSwiper(){ var eventSwiper = new Swiper('.event_swiper',{ slidesPerView : '2', // 노출되는 slide 개수 spaceBetween : 10, // 간격 loop:true, // 반복여부 loopAdditionalSlides : 1, direction: 'vertical', // slide 방향 autoHeight : true, // 높이 자동 조절 centeredSlides: true, centeredSlidesBounds: true, speed: 2500, grabC..