'지식IT' 카테고리의 글 목록 (3 Page)

[JavaScript] var, let, const 자바스크립트 ES6 변수 구분하기

자바스크립트 변수 var, let, const 비교하기 ES6 (ECMAScript2015)이전에는 자바스크립트 변수는 var만 존재했음 ES6에서 let과 const가 추가 됐다. var는 가용범위가 function이다 (ex. function{} ) var를 function 밖에서 쓰면 glober변수가 된다.( 그 페이지 어디서든 사용가능) let은 가용범위가 block이다. ( ex. for( )문 안 , if()문 안) const 또한 가용범위가 block이다. let과 다른 점은 한번 정의된 값을 바꿀 수 없다(상수 개념) + 정리) 가용범위 var(function scope) > let ( block scope버전 var ) , const( let의 상수버전 )

지식IT 2020. 2. 12. 20:55

[CSS] CSS의 속성 선택자(Attribute Selectors)

CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Attribute Selectors에 대해서 알아보겠습니다. Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 속성 선택자는 특..

지식IT 2020. 2. 3. 21:41

[CSS] CSS의 가상 요소 선택자(Pseudo-element Selectors)

CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Pseudo-elements Selectors에 대해서 알아보겠습니다. Pseudo-elements Selectors(요소의 특정 부분을 선택) 가상 요소 ..

지식IT 2020. 2. 2. 11:51

[CSS] CSS의 가상 선택자(Pseudo-class Selectors)

CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Pseudo-class Selectors에 대해서 알아보겠습니다. Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) 가상 선택자는..

지식IT 2020. 1. 29. 22:45

[CSS] CSS의 관계 선택자(Combinator Selectors)

CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Combinator Selectors에 대해서 알아보겠습니다. Combinator Selectors(요소 간의 관계를 기준으로 선택) combinator S..

지식IT 2020. 1. 28. 22:43

[CSS] CSS의 기본 선택자(Simple Selectors)

CSS는 선택자(ex. h1, .class 등)를 잡아 HTML 요소에 스타일을 준다. CSS가 선택자를 잡는 기준은 5가지로 나눌 수 있다. Simple Selectors(요소의 name,id,class를 기준으로 선택 - 일반적인 방법) Combinator Selectors(요소 간의 관계를 기준으로 선택) Pseudo-class Selectors(요소의 특정 상태를 기준으로 선택) Pseudo-elements Selectors(요소의 특정 부분을 선택) Attribute Selectors(요소가 가진 속성이나 속성의 값으로 선택) 이번 글에서는 Simple Selectors에 대해서 알아보겠습니다. Simple Selectors(요소의 name, id, class를 기준으로 선택) 1) name을 ..

지식IT 2020. 1. 27. 14:28

[CSS] CSS(Cascading Style Sheet) 개요 및 문법

1. CSS란 CSS는 HTML안의 요소(element)의 색상,모양등 스타일이 어떻게 나타날지 정하는 표기법이다. CSS는 보통 외부 CSS파일에 정의된다. 외부 CSS파일에 정의함으로써 HTML파일 내에서 요소마다 스타일을 지정해주는 수고를 없애준다. 2. CSS의 기본 문법 Selector { property : value; property : value; } 예시)) p { color : red; font-size : 15px; } div { background : blue;} Seletor에 스타일을 주는데 중괄호( {} ) 에 스타일 내용을 적으면 된다. 중괄호 안에 여러가지 속성을 정해줄 수 있으며 속성의 이름과 속성의 값은 콜론( : )으로 구분한다 그리고 속성의 정의 및 속성간의 구분은 ..

지식IT 2020. 1. 24. 18:58

[jQuery] toggle() - 화면에서 요소를 보였다가 안 보였다가를 반복하는 메소드

제이쿼리를 사용하여 버튼을 클릭하면 특정 요소를 보였다가 다시 클릭하면 보이지 않게 하는 간단한 방법은?? --> toggle() 메소드를 사용하면 된다. toggle()을 사용하면 보였던 요소는 숨겨주고 안 보이던 요소는 화면에 보이게 해준다. (ex. 버튼을 클릭하면 list가 보였다가 안 보였다가 한다.) 문법 $(선택자).([,속도][,콜백함수]) 필수 파라메터가 아닌 속도,콜백함수는 각각 효과가 나타나는 속도와 효과가 나타난 후 호출되는 함수를 의미한다. 예시)) 첫번째 두번째 세번째 누르면 토글 다음과 같은 화면이 있는 경우 아래 코드와 같이 toggle효과 를 적용하면 //button을 클릭했을 때 ul 태그에 toggle효과 적용 $("button").click(function(){ $("..

지식IT 2020. 1. 23. 19:01

[jQuery] has() 특정 선택자를 가지고 있는 요소 찾기

제이쿼리를 사용해서 특정 선택자를 가지고 있는 li 태그를 선택하려면 어떻게 해야 할까? --> jQuery의 has() 메소드를 사용한다. 문법 - $(요소).has(selector) 요소의 하위(자손)에 selector를 가지고 있는 것이 선택된다. ex) $('ul').has('li') - 하위 요소에 li 태그를 가지고 있는 ul 태그가 선택된다. 예시)) li 태그 중 하위에 태그가 있는 것만 선택해서 글자색을 빨간색으로 바꾸려고 한다. 일 이 삼 has() 사용 //'li'요소 중 하위(자식)요소 중 a 태그를 가진 것을 선택하여 글자색을 빨간색으로 $('li').has('a').css('color','red'); 결과

지식IT 2020. 1. 21. 23:22

[jQuery] Value값으로 Select 박스 option 선택하기

제이쿼리를 사용하여 특정 Value값으로 Select 박스 option을 선택하려면 어떻게 해야할까? -->Select Box를 선택하고 prop를 이용하여 selected 속성을 true로 설정하면 된다. 예시) 첫번째 옵션 두번째 옵션 세번째 옵션 다음과 같은 select 태그가 있을 경우 value가 'test2'인 option을 선택 //id로 select 선택하고 value가 'test2'인 option 선택 $('#testSelect').val('test2').prop("selected",true); + option 나열 순서로 option을 선택할때 예시) 위와 같은 html 태그에서 세번째 option을 선택하고 싶을때 // id로 select 태그를 선택하고 select 태그의 optio..

지식IT 2020. 1. 20. 21:36

인코딩의 Decoding

지식IT → (46)건