본문 바로가기
[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..
[VSCode] ctrl + click 시 나오는 링크 해제 컨트롤을 누르고 클릭을 할시 그에 해당하는 링크로 넘어갈 것인지에 대해 "Follow link" 토스트 코멘트가 나온다. 거슬릴경우 settings에서 체크를 해제해주면된다. settings는 좌측 상단에 톱니바퀴 아이콘을 눌렀을 시 나온다. 눌렀을 때 Settings에서 follow link라고 검색한 후, Editor: Links의 체크를 해제한다.
[Javascript] 오늘 하루 팝업 닫기 쿠키를 구워서 오늘 하루 팝업 창을 닫을 수 있다. setCookie 와 getCookie 함수를 사용하여 오늘하루닫기 클릭시 하루동안 창이 안열리게 할 것 이다. 먼저 팝업 창 HTML 마크업 작업을 한다. 오늘하루닫기 닫기 동의하고 신규 서비스 사용하기 우린 a태그의 오늘하루닫기를 클릭 시, 클릭 한 기준으로 부터 24시간 동안 해당 팝업 창을 보이지 않게 할 것이다.

티스토리툴바