본문 바로가기

분류 전체보기

 (244)
[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..
[github] 로컬 최초 연결 셋팅 정리 기존에도 깃헙에서 만든 레파지토리를 로컬에 최초 연결하는 포스팅을 등록했었는데 정리 작업이 필요한 것 같다. 1. 깃헙에서 로그인 후 New repository를 클릭 2. - Repository name(해당 저장소 이름) - Description(해당 저장소 설명) - 저장소 유형 선택 : Public(전체공개) / Private(비공개: 나만 볼 수 있음) - Initialize this repository with: 아무것도 체크하지 말 것. 3. Create repository 버튼 클릭 후, 아래와 같은 초기 셋팅 화면이 나오는데, 우린 첫번째 방법 비슷하게 셋팅을 해볼 것이다. 4. 해당 레파지토리를 연결할 로컬(자신의 컴퓨터)에서 오른쪽 마우스를 클릭할 경우 Git GUI here과 Git..
[HTML] table 속성 colspan, rowspan 정리 요즘 table 태그를 게시판 목록 부분이나 관리자 페이지가 아니면 사용하지 않아서 까먹는 부분이 있다. td태그끼리 가로, 세로로 합칠때 쓰이는 colspan과 rowspan에 대해서 정리 할 것이다. 1. 가로, 세로 합친 부분을 보이기 위해 HTML 코드를 임의로 작성한다. 제목1 제목2 제목3 가로 2칸 합침 == colspan="2" 내용 세로 2칸 합침 == rowspan="2" 내용2 내용2 내용3 내용3 2. CSS 코드를 작성한다. table th, td { padding: 10px; border: 1px solid #ddd; text-align: center; } table thead th { background-color: bisque; font-size: 14px; } table t..
[browser] Internet Explorer 11에 대한 지원 종료 소식 ie 인터넷 익스플로어로 일부 사이트를 열어보면 엣지(Edge)로 리다이렉션을 시도하는 사이트들이 많아졌다. 이는 Microsoft 홈페이지에도 명시되어 있는데, Internet Explorer 11에 대한 지원이 종료된다는 공지가 올라와있기 때문이 아닐까. 또한 UI 개발자로서, 마크업과 CSS 작업을 하면서 ie가 지원하는 범위가 좁기(?) 때문에 최신 스타일을 적용하는데 한계에 부딪힌적이 많아서 이 소식이 달갑게 느껴진다. https://docs.microsoft.com/en-us/lifecycle/announcements/internet-explorer-11-support-end-dates Microsoft apps and services to end support for Internet Expl..
[plugin] -prefix-free 플러그인 적용 방법 브라우저별 지원하는 CSS스타일의 범위가 다르므로, 퍼블리싱 작업을 할 때 이를 고려해야한다. 따라서 브라우저별 접두사를 사용하여 통일감있게 적용한 CSS가 보이게 한다. 하지만 매번 스타일을 정의 할 때마다 벤더 프리픽스(vendor prefix : 이전 버전의 웹 브라우저에도 적용 가능하게 하는 접두사)를 설정하면, 코드가 지나치게 길어진다. 또한 작업자가 일일히 생각하여 코드를 작성해야하기 때문에 일의 능률또한 늘어지기 마련이다. 해서 프리픽스를 지원하는 -prefix-free 플러그인을 연결해주기만 하면 ie9+, opera 10+, firefox3.5+, safari 4+, chrome, mobile safari, android browser 등 이상의 버전에서 지원이 가능하다. 해당 홈페이지 ..
[github] Pull Request 기능 사용하기 "main(master)에 머지하는 건은 pull requests로 머지 하고, 그 이슈 브랜치는 delete." -> merge할 때 Pull Requests를 통해 머지후, 끝난 이슈 건에 한해, branch를 삭제한다. [terminal에서 할일] 작업한 내용이 있는 상태에서 commit할 branch로 이동하기. - 이동할 branch가 있는 경우 => git checkout 이동할브랜치명 - 이동할 branch 없이 새로 생성 할 경우 => git checkout -b 생성할브랜치명 - branch 확인 => git branch -al - 해당하는 브랜치 이동후 상태 확인 => git status - 내용 커밋 및 푸시 => git add . => git commit -m "풀 리퀘스트 기능 테..
[github] 기존 레파지토리 연결시 user.name, user.email 확인 및 변경 회사에서 github의 개인 프로젝트 계정과 회사 프로젝트가 있는 계정과 다를 경우 계정을 꼭 확인하여 로컬에 레파지토리를 받아야한다. 그럴 경우 이 레파지토리를 다운받았을 때 현재 로컬에 연결되어있는 깃허브 계정 확인이 필요하다. - 해당 레파지토리를 다운받은 계정의 이름 확인 git config user.name 해당 레파지토리와 연결되어있는 계정의 이름은 github 로그인시 해당 레파지토리 페이지에서 오른쪽 상단에서 확인 가능하다. - 해당 레파지토리를 다운받은 계정을 변경 git config user.name "변경할 유저 네임" - 해당 레파지토리를 다운받은 계정의 이메일 확인 git config user.email - 해당 레파지토리를 다운받은 계정의 이메일 변경 git config user..

티스토리툴바