본문 바로가기

반응형

분류 전체보기

(119)
[Git] 저장소에 따른 글로벌, 로컬 유저 변경하기 전체(global)와 해당 프로젝트(local)에 맞는 사용자 이름, 이메일을 설정과 수정, 삭제를 알아보자. 먼저 등록된 이름, 이메일 확인 전체확인 $git config --list 이름, 이메일 확인 $git config user.name $git config user.email git global (전체) 해당 터미널 전체적으로 쓸 git account 설정 및 수정 $git config --global user.name "설정할이름" $git config --global user.email "설정할이메일" git local (해당 프로젝트) 해당 프로젝트에서만 적용할 git account 설정(다른 계정의 저장소를 써야 하는 경우) 및 수정 지정할 저장소로 이동 후 터미널에 아래 명령어 입력 $..
[VScode] VScode 단축키 모음 사이트 https://inpa.tistory.com/entry/VS-Code-%E2%8F%B1%EF%B8%8F-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%8B%A8%EC%B6%95%ED%82%A4-%EC%A0%95%EB%A6%AC 💽 유용한 VSCode 단축키 모음 - 개발을 누구보다 빠르게 VSCode 유용한 단축키 모음 개발(코딩) 하는데 있어 적당히 타이핑하면 되지 굳이 단축키(shortcut)를 익혀야 하나 싶겠지만, 단축키를 아냐 모르냐 유무에 따라 개발 생산성 차이가 어마어마 해진다 inpa.tistory.com 업무할 때 유용한 단축키 모음 설명글이다. 필수는 아니지만 알아야 업무 효율성이 높아진다😭 내가 익숙해져야 할 단축키들 1. ctrl + D : 같은 단어 하나씩 선택(밑으로 ..
2023년 8월을 앞두고 블로그를 오랜만에 방문하고 글을 써보는 것 같다. 그동안 회사일이니, 집안일이니 등등 바쁘다는 핑계로 블로그에 글을 올리지 않았다. 사실 공부가 하기 싫었다. 블로그를 개설한 이유는 열심히 공부한 것을 기록하고자 했지만 지금 몇개월째 내 블로그는 텅 비어있다ㅎㅎ... 회사일도 바쁘고 이사도 해야되고 그와중에 경력정리까지 하려니 마음이 조급해서 아무것도 하기 싫은 거같다. 이럴때는 어떻게 해야되는건지 생각하다가도 이내 이것마저도 생각하기가 싫어 내려놓는다. 지금은 하는 프로젝트를 잘 마무리할 때.. 인 것 같다. 마무리를 하고 이사준비를 하고 정리할거 다 다음 차근차근 해결해야지 또 걱정인 것은 경력 3년을 앞두고 있는 요즘 내가 무얼했나 싶기도하다. 배운건 많은 거같은데 막상 정리하고자 하면 별거 아닌 ..
[JavaScript] 비구조화(구조분해) 할당 보호되어 있는 글입니다.
[HTML] <button> , <input type="button"> 차이 button 태그의 type 속성 submit :: 폼을 제출하는 이벤트를 발생. reset :: 폼안에 작성된 내용을 초기화. button :: 그 자체로는 아무런 이벤트가 없고, click이벤트와 연결시켜서 자바스크립트를 활용하는 방법으로 많이 사용. button태그 type의 기본값은 submit이라 button이라고 명시해주는 것이 좋다. button태그가 등장하기 전에 을 사용해 button동작을 대신했다고 한다. button vs input button태그와 input태그의 큰 차이점은 button은 스스로 닫지 않는 태그이고, input은 스스로 닫는 태그. button은 하위 태그들을 추가할 수 있다.(input은 안됨) button태그를 사용하는 경우 button의 자식으로 img태그 넣..
[JavaScript] e.target , e.currentTarget e.target , e.curentTarget 차이점 결론부터 말하자면, e.target :: 실제 이벤트가 발생하는 요소 (나만 이벤트 발생) e.currentTarget :: 이벤트 리스너가 달린 요소 (자식 클릭해도 부모도 이벤트 위임) outer inner button const outer = document.getElementById('outer'); const inner = document.getElementById('inner'); const button = document.getElementById('button'); function printLog(e) { const { target, e.currentTarget } = e; console.log(`target: ${target.id}, ..
[HTML] table https://brunch.co.kr/@snclab/31 표의 내용을 이해하기 쉽게 제공하기 오류 유형으로 살펴보는 웹 접근성 지침 | 표는 어떤 내용을 일정한 형식과 순서에 따라 알아 보기 쉽게 나타낸 것입니다. 그러므로 우리가 표를 만들 때는 표의 일정한 형식과 순서를 알 수 있 brunch.co.kr
마크업 정리 버튼은 button태그. anchor태그는 페이지 이동. input에 label을 매칭 못할 때는 title 사용. a링크 텍스트에 aria-label="" a href="javascript:void(0)" 대체텍스트는 aria-label 적용. aria-label적용이 아닐 시 sr-only 클래스 적용. .sr-only { position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0px; clip:rect(0,0,0,0); } 마크업은 탭 포커스 위치로 만든다.(팝업의 닫기버튼은 마지막에 적용되야 함) 부트스트랩은 마크업 웹접근성을 참고하기 좋다. Q. sr-only가 있는데 왜 font-size:0px을 사용할까?..

반응형