본문 바로가기

👩🏻‍💻STUDY

(78)

[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 설정(다른 계정의 저장소를 써야 하는 경우) 및 수정 지정할 저장소로 이동 후 터미널에 아래 명령어 입력 $..

[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을 사용할까?..

[SASS] @mixin @content @include 🔺문제 @include 선언 후 추가 스타일 지정이 안됨. parent의 child 스타일 지정 안됨. .parent { @include mix() { // 스타일지정 } ( // Error ) // Error .child { } } html 구조 BOX1 BOX2 BOX3 @mixin @mixin 믹스인이름($매개변수: 기본값) { 스타일; } @include 믹스인이름(인수); @content @mixin 믹스인이름() { 스타일; @content; } @include 믹스인이름() { // 스타일블록 스타일; } @mixin position( $p: absolute; $t: null, $b: null, $l: null, $r: null ) { position: $p; top: $t; bottom: ..

[SASS] Node로 sass 시작하기 1. CLI로 sass 설치 Node.js 설치가 되어 있어야 됨. npm install sass -g 로 CLI 에 설치. 2. sass 버전 확인 $ npm show sass version $ sass --version 3. 해당 디렉토리에 scss -> css 변환 $ sass style.scss style.css $ sass 입력. 폴더 안에 있을 경우, $ sass scss/style.scss style.css 4. sass 보기 , 끝내기 --watch라는 플래그를 넣어 해당 파일 자동으로 변환. $ sass --watch style.scss:style.css 아래처럼 폴더 내 모든 파일들을 컴파일할 수 있다. sass --watch : $ sass --watch scss:css sass 실시..

이전 1 2 3 4 ··· 10 다음

티스토리툴바