분류 전체보기 128

Javascript를 공부해 봅시다! - 02. 연산자의 종류

연산자란 - '3 + 5', '3 < 5'와 같은 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자 입니다. - 연산자의 종류에는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자, 비트 연산자, 삼항 연산자 등이 있습니다. 산술 연산자 - 사칙 연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자입니다. 산술 연산자의 종류 속성 설명 + 더하기 연산을 할 때 사용합니다. 문자와 문자, 문자와 변수 등을 연결할 때 사용합니다. - 빼기 연산을 할 때 사용합니다. * 곱하기 연산을 할 때 사용합니다. / 몫을 구 할 때 사용 합니다. % 나머지를 구할 때 사용 합니다. ++ 1씩 증가시킬 때 사용합니다. -- 1씩 감소시킬 때 사용합니다. 대입 연산자 - 변수에 값을 대입할 때 사용하는 이항 연..

CSS에 대해 공부해 봅시다! - 02. CSS선택자(feat.ID와 CLASS 차이점)

선택자란 - CSS로 UI의 어느 부분을 디자인 할지, 즉 표현할 대상이 되는 부분을 말합니다. - 예문에서는 h1요소에 배경을 노란색으로, 글자색을 빡간색으로 지정한다는 의미를 담고 있습니다. - {} 안에 여러 속성을 지정할 수 있고, 각 속성 설정 간에는 ';'으로 구분해주며 마지막 속성 끝에는 구분자를 생략할 수 있습니다. - 속성은 가로로 붙여 써도 되고 한 줄씩 따로 기술해도 무방합니다. id 선택자와 class 선택자 요소를 선택하는 방법(선택자)은 type, id, class등 여러 가지가 있습니다. 오늘은 그 중에서 id선택자와 class선택자에 대해 알아보도록 하겠습니다. id 선택자 - HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다...

CSS를 공부해 봅시다! - 1. CSS의 다양한 표현방법

CSS(Cascading Style Sheet) 기본문법 - CSS(Cascading Style Sheet)를 정의하는 방법으로는 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트 등이 있습니다. - 외부 스타일시트를 많이 사용하는 편이지만 간단한 스타일은 내부 스타일시트만으로 사용할 수도 있습니다. - 인라인 스타일시트는 거의 사용하자 않지만, 우선순위가 가장 높아서 꼭 필요한 경우 편리하게 사용할 수 있습니다. - CSS에서 주석은/* */로 표현합니다. 다음은 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트에 대해서 알아보겠습니다 내부 스타일시트 - CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되도록 하는 형태입니다. 외부 ..

Javascript를 공부해 봅시다! - 1.자료형이란

자료형이란, - 프로그램에서 처리할 자료의 형태를 말합니다. 3이라는 숫자를 숫자로 처리하는지, 문자열로 처리하는지에 따라 결괏값이 달라집니다. - 자바스크립트의 자료형은 크게 '원시 유형'과 '객체'로 나뉘어집니다. 원시 유형은 하나의 값만 저장하는 자료형으로, 숫자와 문자열, 논리형, undefined, null, symbol 유형이 있습니다. 그리고 원시 유형 외에는 모두 객체입니다. 사진 출처: 저자 고경희 |Do it! 모던 자바스크립트 프로그래밍의 정석 숫자형(number) - 모든 프로그램에서 가장 기본이 되는 자료형입니다. - C나 자바 같은 프로그래밍 언어에서는 정수와 실수를 명확히 구별하고 정수도 크기에 따라 다른 자료형을 사용합니다. - 하지만 자바스크립트에서는 정수와 실수를 함께 묶..

03. 텍스트와 관련된 태그들

텍스트 관련 요소 01. 블록형태로 처리하는 태그 요소 유형 태그 명 태그의 의미 블록 레벨 요소 제목 표시하기 // h1~h6까지 사용가능하며 h1이 가장 크게 표시되고, h6이 가장 작게 표시된다. 단락 만들기 줄 바꾸기 수평선 긋기 02. 인라인형태로 처리하는 태그 요소 유형 태그 명 태그의 의미 인라인 요소 강조할 텍스트 기울임체로 표시하기 강조할 텍스트 굵게 표시하기 형광펜 효과 내기 텍스트 굵게 표시하기 텍스트 작게 표시하기 아래첨자 표시하기 위 첨자 표시하기 밑줄 취소선 오늘은 텍스트와 관련된 태그들을 모아봤습니다!! 텍스트와 관련된 태그들이 참 많은데 적재적소에 잘 사용하면 더욱 보기 좋은 페이지를 만들 수 있지 않을까 하네요. 제가 텍스트와 관련된 모든 태그들을 아는 것은 아니라서 여러분..