본문 바로가기
[github] git branch -al 남아있는 브랜치 삭제 Command Line으로 로컬에서 만든 브랜치를 해당 원격 브랜치에 등록, 작업 후 머지 후에 더 이상 해당 브랜치를 사용하지 않는 경우 삭제하는 것이 좋다. 작업 유형마다 브랜치를 생성하여 작업하는것은 좋으나 더 이상 사용하지 않는 브랜치를 삭제해주자. 0. 우선 삭제할 브랜치가 아닌 main(master)로 브랜치를 두고, 브랜치 삭제 순서는 1. 로컬 브랜치 삭제 git branch -d 브랜치명 2. 로컬 브랜치 삭제 한것을 원격에 반영 git push -d origin 1번에서 삭제한 브랜치명 2번에서 git push origin 1번에서 삭제한 브랜치명 으로 하면 에러가 나올 것이다. 깃허브 브랜치 삭제후 반영으로 구글링하여 보면 대부분 git push origin 1번에서 삭제한 브랜치명 ..
[css] 모바일 이미지 흐림 해결 간혹 퍼블리싱을 하다가 이미지태그 및 백그라운드 이미지 설정 시 이미지 폰트가 흐려보이는 현상이 발생한다. 1. .img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; image-rendering: crisp-edges; } 2. background-image로 이미지를 넣었을 경우 : style="background-image: url('../images/');" .해당 백그라운드가 있는 태그 or 그 부모 { -ms-interpolation-mode: nearest-nei..
[plugin] Swiper.js pagination 클릭 시 자동 멈춤 해제 Swiper.js의 paginaiton 즉, swiper-pagination-bullet 를 클릭 시 autoplay: true;로 옵션 설정을 했을 시, 슬라이더가 자동으로 멈추는 현상이 있다. 이는 default로 자동 멈춤을 해놓았기 때문인데, 아래와 같이 autoplay 옵션을 변경해주면 swiper-pagination-bullet swiper-button-next swiper-button-prev 를 클릭 했을 때 슬라이더 자동 멈춤이 사라진다. autoplay: { delay:4000,// 하나의 슬라이드에서 다음 슬라이드 또는 이전 슬라이드 이동 시 소요 시간 disableOnInteraction: false },
[VSCode] Project Manager VS Code를 사용할 때 두개 이상의 프로젝트를 작업할 경우 Live Server는 하나의 프로젝트에 연결하면 중복이 되지 않았으므로 항상 New Window로 VS Code 창을 하나 더 열어 각각 프로젝트를 Live Server 하였다. 하지만 Project Manager 플러그인을 설치하면 path를 저장해 두고 필요할 때 마다 오픈하여 Live Server를 걸 수 있다. 1. 왼쪽 사이드바 플러그인 메뉴(Extensions: ctrl+shift+x) 클릭 2. Project Manager 검색 후 Install 3. 설치 후 왼쪽 사이드바에 Project Manager 아이콘이 생성 된 모습을 볼 수 있다. 4. Project Manager 클릭 후, FAVORITES를 활성화 하여 오른쪽 연..
[plugin] Swiper.js 포커스 맞추기 Swiper.js 플러그인을 사용하던 중, swiper-pagination-bullet이나 swiper-button-next, swiper-button-prev을 눌렀을 때 간헐적으로 해당 페이지가 나오지 않고 클릭하지 않은 페이지가 나오는 경우가 있다. 이럴땐 Swiper.js의 API의 touchEventsTarget: 'wrapper' 를 추가하면 해결된다.
[VSCode] 화면 UI 글자 크기 변경 작업 도중 갑자기 비주얼 코드 전체 화면의 글자 크기가 전체적으로 작아진 현상이 보였다. setting.json 파일을 열어 해당 현상과 관련이 있는 값을 찾아보았다. 최근에 추가될 수록 마지막에 추가가 되는데, 범인은 "window.zoomLevel": -1, 이 아이였다. setting.json을 여는 방법은, 윈도우 기준 ctrl+shift+p를 눌러 검색창이 생기면 >settings 입력 > Preferencs: Open settings (JSON)을 클릭 후 볼수 있다. 숫자값을 매겨서 원하는 크기를 맞추면 되는데 0이 적당한 것 같다. 😊
[VSCode] MDN 팝업 창 해제 (css 파일에서 MDN 비활성화 코드도 추가) 코딩을 하다보면 마우스 커서를 올렸을 때 위의 예시처럼 MDN Reference가 팝업 창으로 뜬다. 작업을 하다보면 거슬릴 때가 많아서 해제를 해보려한다. 1. ctrl+shift+p로 검색창 띄우기 2. 검색 창에 "Settings" 입력 후 Preferences: Open Settings (JSON) 클릭 3. 중괄호 {} 안에 아래의 세가지 값을 추가 { "html.hover.documentation": false, "html.hover.references": false, "editor.codeLens": false } 4. 다시 코딩 되어있는 부분에 마우스를 올려보면 hover 현상이 나타나지 않음을 볼 수 있다. 기존 두가지 설정(html.~) html 파일에서는 보이지 않았는데, css 파일..
[Jira] 협업 툴 맞춤 필터 설정하기 Jira 라는 협업 페이지가 있다. 보통 실무에서 요긴하게 쓰이는 협업 페이지 인데 초기 필터 설정을 잘 해놓으면 자신과 관련된 이슈들을 바로 볼 수 있다. 새 필터를 클릭하여 즐겨찾는 필터를 설정하겠다. 1. 나의 미해결(최근순) assignee = currentUser() AND resolution = Unresolved ORDER BY updated DESC 2. 나의 지켜보는 미해결(최근순) watcher = currentUser() AND resolution = Unresolved ORDER BY created DESC 3. 팀 이슈 assignee in (membersOf(팀이름)) ORDER BY created DESC 4. 나의 지켜보는 전체(최근순) watcher = currentUser..

티스토리툴바