생각하다 생각하다

text-decoration의 속성 값 1. text-decoration-line 텍스트 꾸밈의 종류를 지정하는 속성이다. (기본 값 : none) none : 텍스트 꾸밈을 생성하지 않음 (기본값) underline : 밑줄로 꾸밈을 설정 overline : 윗줄로 꾸밈을 설정 line-through : 중간을 지나는 줄로 꾸밈을 설정 2. text-decoration-color 텍스트 꾸밈의 색상을 지정하는 속성이다. (기본 값 : currentColor) 색상 값을 사용하여 원하는 색상을 지정할 수 있다. 3. text-decoration-style 꾸밈에 사용되는 선의 스타일을 지정하는 속성이다. (기본 값 : solid) solid : 한줄 스타일 ( 기본 값 ) double : 이중선 스타일 ..

https://grace-go.tistory.com/79 DOM제어하기(2) 자식태그, 부모태그, 형제태그 1. 자식태그 .childNode; .getElementsBy~(복합구조) .children * var litag = doc.getElementByTagName('li); 미리 해놓음 * ↓console찍힌 내용 *childNode 복합구조 getElementsBy .. children 차이점* -chi.. grace-go.tistory.com

하위 선택자, 자식 선택자, 형제 선택자, 인접 형제 선택자 선택자와 선택자를 연결해 적용 대상을 한정시키는 '연결 선택자(Combination Selector)'에 대해 알아 보겠습니다. 연결 선택자에는 하위 선택자, 자식 선택자, 형제 선택자, 인접 형제 선택자가 있습 urliveblogger.blogspot.com

HTML에 동적으로 태그 추가하기1 1. createElement( ) 원하는 태그를 생성 let 변수이름 = document.createElement('태그'); 2. setAttribute( ) createElement( ) 를 이용해 새롭게 만든 태그에 속성과 값을 부여 생성한태그변수.setAttribute('속성' , '값'); 3. appendChild( ) 속성까지 부여해준 태그를 지정된 태그의 자식 태그로 넣는다. 부모태그.appendChild(생성한태그변수); 자바스크립트 HTML 태그 요소 동적 추가 및 삭제 방법은 DOM 객체를 생성하여 DOM 트리에 동적 생성/삭제하려는 내용을 추가시키면 된다. HTML에 동적으로 태그 추가하기2 1 DOM 객체 생성 document.createEle..

1. getAttribute('속성') - 요소의 속성 가져오기 element.getAttribute( 'attributename' ); 2. setAttribute('속성', '값') - 속성 추가하기 element.setAttribute( 'attributename' , 'attributevalue' ); 3. removeAttribute('속성') - 속성 제거하기 element.removeAttribute( 'attributename' );

DOM객체. addEventListener(이벤트명, 실행할 함수명, 옵션) 각 매개변수를 살펴보면 이벤트명 : Javascript에서 발생할 수 있는 이벤트 명을 입력한다. 함수명 : 해당 변수는 생략 가능하며, 해당 이벤트가 발생할 때 실행할 함수 명을 입력한다. 옵션: 옵션은 생략이 가능하며, 자식과 부모 요소에서 발생하는 버블링을 제어하기 위한 옵션이다. 클릭 출처: https://ordinary-code.tistory.com/64 [김평범's OrdinaryCode:티스토리] 자주 사용하는 이벤트의 종류 click – 마우스버튼을 클릭하고 버튼에서 손가락을 떼면 발생한다. mouseover – 마우스를 HTML요소 위에 올리면 발생한다. mouseout – 마우스가 HTML요소 밖으로 벗어날 때..

보통 header - main - footer 의 세 영역으로 레이아웃을 나눔 header와 footer에는 각 height를 설정해주고 main 에는 min-height를 설정해주는 것이 일반적 요소를 배치하는 방법 - width, height, position 속성 등 - flex 박스 - grid 시스템 주로 간단한 레이아웃은 flex, 복잡한 레이아웃은 grid를 사용하고 position 속성은 필요할 때 부분적으로 사용됩니다. margin: 0 auto; - 엘리먼트는 width만큼 너비를 차지하면서 가로 중앙에 옴 max-width: 600px; margin: 0 auto; - 작은 창에도 맞춤 가능

git config --list git config --global -e git config --global user.name "username" git config --global user.email "user@mail.com" git config user.name git config user.email git config --global core.autocrlf input(윈도우: input-> true) git init 깃 디렉토리 생성 후 초기화 -> .git 폴더 생성됨 rm -rf .git git 삭제하기 단축기 이용하기( status 대신에 st 이용) git config --global alias.st status git의 workflow 1. working directory : 작업하는 ..