1. 목록과 표 장식하기 1.1 목록 목록의 글머리 기호 설정 : list-style-type 속성 ① 순서 없는 목록 disc : ●, circle : ○, square : ■ ② 순서 있는 목록 decimal(1, 2, 3,…), lower-roman(ⅰ, ⅱ, ⅲ, …), upper-roman(Ⅰ, Ⅱ, Ⅲ, …), lower-alpha(a, b, c, …), upper-alpha(A, B, C, …) 목록의 글머리 기호에 이미지 사용 list-style-image : url(“이미지 파일 주소”) 글머리 기호 위치 지정 : list-style-position 속성 inside, outside(기본값) 1.2 표 표 또는 셀의 폭 지정 방법 : width, table-layout ① width 속성..

0. CSS의 등장 배경 기존 html은 웹페이지를 시각적으로 꾸밀 수 없었다. 이에 html에 웹페이지를 시각적으로 꾸밀 수 있게 도와주는 태그를 새로 추가했다. 하지만 이는 웹페이지를 시각적으로 아름답게 꾸미는데 한계가 있었다. html은 기본적으로 효율적인 정보 전달을 목적으로 하고 있기 때문에 content의 정보를 한눈에 알아볼 수 있도록 도와주는 태그만이 존재했다. 그러다가 웹페이지의 디자인을 도와주는 태그들이 생겨나고, 기존 태그들과 같이 사용하면서 웹페이지는 정보의 가독성을 잃게 되었다. 이 때문에 사람들은 효율적인 정보 전달과 디자인을 따로 분리하고자 하였고, html에서 디자인을 분리하여 CSS를 만들게 되었다. 따라서 CSS는 오직 웹페이지의 디자인을 위해 만들어진 언어라고 할 수 있..

1. 링크 달기 1.1 하이퍼텍스트와 링크 하이퍼텍스트 : 순차적인 자료가 아닌 순서가 없는 자료로, 서로 연관된 문서나 텍스트 조각들이 연결돼 있다. 하이퍼미디어 : 텍스트 뿐 아니라 멀티미디어 정보도 서로 연결돼 있다. 노드 : HTML 문서나 멀티미디어 정보를 표현하는 기본 단위다. 링크 : 노드를 연결하여 내비게이션이 가능하도록 하는 길이다. 앵커 : HTML 문서 내에서 링크의 출발점이나 도착점이다. (앵커 영역 : 앵커가 설정되어 있는 영역) 1.2 문서간 이동 태그 : 링크의 시작점 앵커를 표현한다. 링크 텍스트 ① href 속성 : 이동하고자 하는 목적지 문서의 파일 주소(URL)를 지정한다. - 절대 주소 : http://로 시작하는 URL 형식의 인터넷 주소 홈W3C 홈페이지 방문 - ..

1. 논리식 참 또는 거짓 중 하나의 값을 가지는 식이다. 참과 거짓을 정수로 표현하면 참은 1, 거짓은 0이다. 2. 연산자 2.1 관계 연산자 ① A > B ② A = B ④ A 관계 연산자 > 동치 연산자* 논리 연산자는 0이 아닌 값은 무조건 참으로 인식 3. 조건문 3.1 if ① if문 형태 : if(수식) 명령문; 수식이 참이면 명령문이 실행되고, 거짓이면 실행되지 않는다. 실행되는 명령문이 여러 개면 중괄호로 묶어준다. ex) if(수식){ 명령문1; 명령문2; } ② if-else문 형태 : if(수식){ 명령문1; 명령문2; } else 명령문3; if문의 조건식이 성립하지 않을 때 실행되는 구문이다. ③ else if문 형태 : if(수식){ 명령문1; ... } el..

1. C언어 연산자 1.1 산술 연산자 : +, -, *, /, % 1.2 관계 연산자 : ==, !=, >, =, j : i의 이진수에서 j만큼 비트를 오른쪽으로 옮긴다. *bitwise shift 연산자는 다른 산술 연산자보다 우선순위가 낮다. ②이진 연산자 : &, |, ^, ~ ex) a & b : 이진수 표현에서 각 자리가 둘 다 1이면 1, 나머지는 0이다. a | b : 이진수 표현에서 각 자리가 둘 다 0이면 0, 나머지는 1이다. a ^ b : 이진수 표현에서 각 자리가 다르면 1, 같으면 0이다. ~a : a의 이진법 표현에서 0과 1을 바꾼 값이다. 1.5 대입 연산자(Assignment Operator) ①단순 대입 연산자(Simple Assignment) : =(변수에 값을 저장할..

1. 태그 약속된 특정한 기능을 하는 기호를 말한다. 를 이용해서 태그를 열고, 을 이용해서 태그를 닫는다. ex) creating web pages : strong은 글씨를 더 두껍게 하는 태그다. creating web pages : u는 밑줄 긋는 기능을 하는 태그다. creating web pages : h1은 제목 태그다. 뒤에 오는 숫자가 작을수록 글씨가 더 크고, 두껍다. creating web pages : br은 줄바꿈하는 태그다. creating web pages : p는 단락을 나타내는 태그다. 2. 속성 태그만으로는 어떻게 동작할지에 대한 정보가 부족한 경우가 있다. 태그의 이름만으로 정보가 부족할 때, 속성을 사용해서 구체적인 정보를 추가한다. ex) : img만으로는 어떤 이미지..

1. 소스코드 실행 순서 Preprocess : #으로 시작되는 구문 처리 Compile : 소스코드를 기계어로 바꾸는 과정 Link : 작성한 소스코드를 하나의 실행파일로 만드는 과정 2. 지시문(Directive) C 프로그램에서 #으로 시작하는 문장이다. 3. 함수(Function) C 프로그램 내에서 하나의 기능을 하는 명령 집합이다. C 프로그램에서 main함수는 오직 하나만 존재한다. 함수 이름은 영어 대소문자와 숫자들로만 구성할 수 있고, '_'를 제외한 특수문자는 사용 불가능하다.(맨 앞에 숫자 사용 불가능) 3.1 printf 함수 C언어의 표준출력함수 ex) #include int main() { printf(“Hello world!”); } 3.2 scanf 함수 C언어의 표준입력함수..