twingkle

기본 셀렉터 전체 셀렉터 전체 셀렉터는 문서의 모든 요소를 선택합니다. * { margin: 0px;} 태그 셀렉터 태그 셀렉터는 같은 태그명을 가진 모든 요소를 선택합니다. 복수로도 선택할 수 있습니다. h1 { } div { } section, h1 { } ID 셀렉터 ID 셀렉터는 #id로 입력하여 선택합니다. #only { } class 셀렉터 class 셀렉터는 .class로 입력하여 선택합니다. 같은 class를 가진 모든 요소를 선택합니다. .widget { } .center { } attribute 셀렉터 attribute 셀렉터는 같은 속성을 가진 요소를 선택합니다. a[href] { } p[id="only"] { } p[class~="out"] { } p[class|="out"] { }..

텍스트의 정렬 가로정렬 .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } //양쪽 정렬 내용이 든 종결 블록 요소에만 적용된다.() 인라인 요소에 적용되지않으며, 구조블록 요소에는 제대로 적용되지 않는다. 구조 블록 요소에 text-align 속성을 지정하면 그 속성값은 자식 요소로 상속된다. 세로정렬 vertical-align 속성을 쉽게 떠올릴 수 있지만, 이 속성은 부모 요소의 display 속성이 반드시 table-cell이어야 합니다. 세로 정렬이란, 정렬하고자 하는 글자를 둘러싸고 ..

HTML5 시멘틱 요소들 의미있는 요소들.브라우저와 개발자 모두에게 그 의미를 명확하게 전달한다. : 하나의 문서에 여러 요소를 포함 할 수 있다. : 탐색 링크(navigation links)의 집합을 정의한다. : 일반적으로 제목이 있는 주제를 갖는 내용들의 그룹으로 정의한다. : 독립적인 자체적으로 만족되는 내용을 지정한다. : 주요 내용을 제외한 내용의 정의하며 사이드 바 등에 배치된다. : 그림, 도표, 사진, 코드 샘플 등과 같이 자족적인(self-contained) 내용을 지정한다. : 요소에 대한 캡션을 정의한다. 태그의 첫번째나 마지막에 배치. : 문서나 구역의 바닥 글을 지정한다. This is HTML html 요소는 p 이고, attribute name은 class , attribu..

str[index] index로 접근은 가능하지만 쓸 수는 없음(read-only) var str = 'CodeStates'; console.log(str[0]); //'C' console.log(str[4]); //'S' console.lgo(str[10]); //undefined concatenating strings +연산자를 쓸 수 있음. string타입과 다른 타입 사이에 + 연산자를 쓰면, string 형식으로 변환(toString) str1.concat(str2, str3 ...);의 형태로도 사용가능 length PROPERTY 문자열 전체 길이를 반환 str.length str.indexOf(searchValue) arguments: 찾고자 하는 문자열 return value: 처음으로 ..

true && false true && true //true true && false //false false $$ false //false true || true //true true || false //true false || false //false //기억해야 할 6가지 falsy 값 //다음은 if 문에서 false로 변환되므로, if 구문이 실행되지 않습니다. if(false) if(null) if(undefined) if(0) if(NaN) if('')

함수란? 코드의 묶음. 기능의 단위.입력과 출력간의 매핑. 반드시 돌아온다(return) How to use 1. 버튼 제작: 선언(declaration) 2.버튼 사용: 호출(call, invocation) 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. 함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다. 함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있다. 매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다. 같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다.

type type의 종류 숫자(number): 123, 3.145523, 3566744.... 문자열(string): '', "" 를 사용 불리언(boolean): true, false 값을 가짐. 자료형: 위의 타입이 서로 섞인(compund) 타입. ex) 배열, 객체 undefined: 변수에 값이 할당되지 않은 타입. 함수 typeof 연산자 사용법 타입을 알고자하는 값 앞에 typeof를 써넣으면 된다. console.log(typeof 1) //number console.log(typeof '1') //string console.log(typeof 1

변수 변수의 선언: 데이터 보관함에 데이터를 넣을 공간을 확보하는 것. =: 변수 할당 === : 같다 변수를 선언하고 할당하는 가장 큰 이유는 반복적으로 사용하는 값을 데이터 보관함에 넣어 두었다가 편하게 꺼내서 사용하기 위함. 데이터 보관함(메모리)의 크기는 동일함. 변수: 각 보관함에 붙인 이름 1.보관함 확보: 선언(declaration) let age; 2.보관함에 데이터 저장: 할당(assignment) age = 12; 3.선언과 할당 동시 가능: let name = 'kim';

메타인지 학습전략 자기 자신을 객관적으로 바라보면서 자신이 무엇을 알고, 무엇을 모르는가를 객관적으로 파악할 수 있고, 더 나아가 이에 맞는 개인적 전략을 세울 수 있는 능력. 1. 자기 자신을 보는 거울 2.스스로를 믿는 능력 3.나의 완벽하지 않은 모습을 인정하는 것. 개발자가 되기위해 새로운 도전을 시작하신 여러분은 고정형 vs 성장형 마인드셋 중 어느 마인드 셋을 가지고 계신가요? 고정형 마인드셋에서 성장형 마인드셋으로 가는 과도기에 있는 것 같다. 이전에는 새로운 도전도 기피하고 현실에 안주해 살아가려는 모습들이 나에게서 자주 보였고, 내가 잘 할 수 있는 것만 하려고 했으나, 개발자로 전향하려고 하면서 새로운 일에도 흥미를 가지고 내가 돌파할 수 있다는 '믿음'이 생기는 것 같다. 혹 내가 잘..