SEOLHEE

연산자(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나 자바 같은..

시멘틱 마크업(Semantic markup) 시멘틱(Semantic)의 사전적 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 된다. 실제로 마크업을 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 조금 있을 수도 있지만 가급적 시멘틱하게 마크업을 하려고 노력하는 것도 중요하다. 즉, 시멘틱 마크업이란 HTML 문서를 작성할 때 의미를 잘 전달하도록 만드는 것을 말한다. 위 사진에 있는 이 없다면 스크린리더에서는 그저 '반응형 웹'이라고 읽어주기만 할 것이다. 시멘틱 마크업 태그 종류 시멘틱 마크업을 하는 이유 1. 검색 엔진 최적화(SEO) 웹 브라우저에 검색을 하게 되면 검색엔진을 통해 정보를 제공하는데 이, 로봇이 프로그램을 이용해 검색엔진의 크롤..

01. 블록 레벨 요소(Block-level Elements) 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있습니다. 블록 요소는 하나의 박스라고 생각하면 됩니다. 블록 레벨 요소(Block Leverl Elements)는, 한개의 독립된 덩어리로 부모 요소의 가로 폭 전체를 차지하는 요소이다. 따라서 라인 한 개에 하나의 블록 요소가 들어갈 수 있고, 블록 요소의 다음 요소부터는 라인이 바뀐다. 특징 새로운 줄에서 시작합니다. 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지합니다. 다른 블록 레벨 요소와 인라인 요소들을 포함할 수 있습니다. 블록 레벨 요소 자체를 text-align을 활용해 가운데 정렬할 수 없습니다. 블록 레벨 요소 자체를 Vertical-align을 활용해 수..