SEOLHEE

선택자(selector) 선택자란 CSS로 UI의 어느 부분을 디자인할지, 즉 표현할 대상이 되는 부분을 말합니다. CSS로 속성을 부여하는 형식은 다음과 같습니다. 1. type 선택자 CSS의 선택자 중 하나인 타입 선택자는 HTML 요소의 태그 이름을 이용해 스타일을 적용합니다. 예를 들어, p 선택자는 모든 태그에 스타일을 적용합니다. h1 { ... } p { ... } 2. id 선택자 CSS에서 ID 선택자는 # 기호를 사용하여 정의됩니다. ID 선택자는 특정 요소의 ID 속성을 기반으로 스타일을 적용합니다. 예를 들어, #myElement는 요소를 선택합니다. #cssid { ... } 3. class 선택자 CSS에서 class 선택자는 . 기호를 사용하여 정의합니다. 예를 들어, 와 같..

조건문 자바스크립트 if 조건문은 조건식이 참일 경우 코드가 실행됩니다. if else 조건문은 조건식이 참/거짓일 경우 각각 실행 코드를 지정할 수 있습니다. if else if 조건문은 두 개 이상의 조건식을 설정할 수 있습니다. 01. if 문 조건문 중 가장 유명하고 대표적인 조건문은 if 문입니다. if 문의 기본 문법은 다음과 같습니다. 자바스크립트 if 조건문은 if ( 조건식 ) 영역이 참이면, { } 코드 블록 사이의 실행문을 1회 실행합니다. if ( 조건식 ) 영역이 거짓이면, if문을 탈출합니다. 입력받은 숫자가 0보다 크거나 같으면, '양수'를 출력하는 if 조건문입니다. prompt() 함수는 자바스크립트에서 사용자로부터 데이터를 입력받을 수 있는 간단한 함수로써 사용 방법은 하..

반복문 반복문은 같은 동작을 여러 번 실행하기 위해 사용하는 문입니다. 반복문을 사용하면 불필요하게 여러 명령을 늘어놓지 않아도 명령을 반복 실행할 수 있습니다. 그만큼 소스 코드도 깔끔해지고 프로그램 실행도 더 빨라집니다. 반복문에는 for 문, forEach 문, for in 문, for of 문 등이 있고, 이것들에 대해 한번 알아보겠습니다. 1. for 문 자바스크립트에서 가장 많이 사용하는 반복문은 for 문이다. for 문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리하다. for 문에서는 몇 번 반복했는지 기록하기 위해 카운터를 사용합니다. for 문의 첫 번째 항에서 카운터 변수를 지정한다. 실행 순서 초깃값 : 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데..

태그는 주제별 그룹의 콘텐츠 섹션을 나타낼 때 사용하며, 각 섹션에는 ~ 요소를 자식으로 포함시켜 식별해야 합니다. 태그는 스타일링 요소가 아니기 때문에 그룹화나 편의를 위함이라면 태그를 사용하는 것이 좋습니다. 통상적인 문서 또는 어플리케이션의 섹션(구획)을형성하는 요소로, 대부분 항상 heading 요소들과(가끔은 heading)요소들을 로 감싸기도 한다.), 그리고 때때로 요소와도 함께 사용되기도 합니다. 홈페이지의 뉴스 부분처럼 페이지의 주요 부분인, 긴 글의 세부사항과 같은 관련 컨텐츠의 묶음, 또는 탭 키 사용을 요하는 인터페이스를 가진 웹 어플리케이션에서의 페이지릐 묶음 단위라 생각하면 됩니다. 정의(Definition) 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다. 태그는 탭 페이지, 홈..

See the Pen Tail Animation by seolhee313 (@seolhee313) on CodePen.

연산자(operator) 연산자란 '3 + 5', '3 < 5' 등과 같이 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자입니다. 연산자의 종류에는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자, 비트 연산자, 삼항 연산자 들이 있습니다. 숫자뿐만이 아니라 문자도 연산자 사용이 가능하다. 문자에서 연산자를 사용할 때는 덧셈과, 곱셈을 사용한다. 1. 산술 연산자 산술 연산자는 사칙연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자입니다.산술 연산자는 모두 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽입니다. 산술 연산자의 종류 증감 연산자 증감 연산자는 피연산자를 1씩 증가 혹은 감소시킨다. 피연산자가 단 하나뿐인 단항 연산자이다 증감 연산자 종류..

선택자(selector) 선택자란 CSS로 UI의 어느 부분을 디자인할지, 즉 표현할 대상이 되는 부분을 말합니다. CSS로 속성을 부여하는 형식은 다음과 같습니다. 선택자의 종류 type 선택자 id 선택자 class 선택자 등이 있습니다. 그 중에서 id 선택자와 class 선택자 그리고 둘의 차이점을 알아보겠습니다. 1. id 선택자 id 사용할 때 중요한 것은 한페이지에서 한번만 사용이 가능합니다. id는 페이지 내에서 특정 위치나 태그를 지정하는 것이기 때문에 오직 페이지내에서 한번만 사용할 수 있습니다. css에서의 정의하는 방법은 #id_name{속성명:속성값; 속성명:속성값;} 이런식으로 적용합니다. 2. class 선택자 자주 사용되는 스타일에 적용하는 것이라고 생각하시면 됩니다. 예를 ..

1. Inline : 해당 요소에 직접 스타일 속성을 적용 직접 태그에 스타일을 적용하는 방법입니다. 통일성 및 가독성을 해치며 유지보수가 어렵기 때문에, 특수한 경우에만 제한적으로 사용합니다. Inline https://seolheeone.tistory.com/ 2. Internal : head태그 > style태그에 작성하는 법 head 태그 내에 style 태그를 이용해서, HTML 내의 전체 태그에 서식을 적용합니다. 전체 웹페이지에 적용되기 때문에 global 방식이라 부르기도 하고, head 태근에 스타일을 정의하기 때문에 embedded 방식이라고도 합니다. body 태그 내의 h2는 모두 빨간색이고 40px 크기로 출력됩니다. 3. Extermal : 외부 스타일 시트 파일 이용. link..

자료형(data type) 자료형(data type)이란? 프로그램에서 처리할 자료의 형태를 말합니다. 3이라는 숫자를 숫자로 처리하는지, 문자열로 처리하는지에 따라 결괏값이 달라집니다. 사람은 숫자와 문자열을 금방 알 수 있습니다. 하지만 컴퓨터에게 일을 시킬 때는 이것은 숫자이니 더하거나 빼야하고, 저것은 문자열이니 더하거나 뺄 수 없다는 것을 따로 알려 주어야 합니다. 이렇게 숫자나 문자열처럼 프로그램에서 처리할 자료의 유형을 지정해야 하는데, 이러한 자료의 형태를 '자료형' 이라고 합니다. 자바스크립트의 자료형은 크게 '원시 유형(primitive type)'과 '객체(object)'로 나뉘어집니다. 원시 유형 1. 숫자형 숫자형은 모든 프로그램에서 가장 기본이 되는 자료형입니다. C나 자바 같은..