정보 기술 놀이터

1. id #haeder, #nav 처럼 맨 앞에 '#'로 시작 DOM 구조 안에서 고유성을 가지는 엘리먼트를 지정할 때 사용 (중복 불가) 일반적으로 header, nav, aside, content, footer등에 사용 네이밍 룰은 카멜(camel) 표기법을 따름 2. class .left, .right 처럼 맨 앞에 '.'로 시작 DOM 구조 안에서 공통성을 가지는 엘리먼트를 지정할 때 사용 (중복 가능) 중복이 되는 태그에 많이 사용 (각 메뉴 또는 하위 메뉴를 만들 때 같은 스타일 지정) 네이밍 룰은 스네이크(camel) 표기법을 따름

1. 태그(tag) 엘리먼트의 시작과 끝, 속성을 나타내는 '' 로 감싸진 것 , 등 2. 엘리먼트(element) 시작 태그 + 내용 + 종료 태그 정보 기술 놀이터 등 태그와 엘리먼트는 같은 것처럼 오해할 수 있으나, 알고 보면 약간 다르다. 커뮤니케이션에서 크게 문제 될 일은 없지만 그래도 정확히 아는 것이 낫다.

1. $('selector').empty() 해당 요소의 내용을 삭제 $('selector').html('')과 같은 효과 2. $('selector').remove() 해당 요소를 삭제 Ajax로 데이터를 새로 가져올 때 요소의 내용을 empty()를 통해 비우고, html()을 사용하여 재작성한다. ( empty() → tmpl(), append()를 사용하는 경우도 있다.)

1. $('selector').find() 해당 요소의 모든 하위 요소 중 특정 요소를 선택하여 가져옴 $('#main').find('#content') = #main의 자식 요소 중 #content 요소를 가져옴 2. $('selector').children() 해당 요소의 바로 아래 단계 자식 요소를 가져옴 $('#main').children('#content') = #main의 바로 아래 단계 자식 중 #content 요소를 가져옴 $('#main').children(x) = #main의 바로 아래 단계 자식 중 (x+1)번째 요소를 가져옴

1. $('selector').html() 해당 요소의 내용을 html 형식으로 가져옴 2. $('selector').text() 해당 요소의 내용을 문자열 형식으로 가져옴 html()과 text()의 차이점은 태그를 포함하느냐 여부 차이다. selector의 내용이 Hello World!라고 했을 때, html(), text() 결과는 다음과 같다. $('selector').html(); = "Hello World!" $('selector').text(); = "Hello World!" ※ html(), text() 매개변수 html(), text() 모두 매개변수를 넣지 않을 경우 get 기능이며 매개변수를 넣을 경우 set 기능을 수행한다. $('selector').html('Hello jQuery..

1. DOM(Document Object Model) 웹 페이지 객체 지향 표현 요소(엘리먼트)를 트리 형태로 구조화 document.getElementById('content')와 같이 특정 태그 값을 가져올 수 있다. 2. jQuery 자바스크립트 라이브러리 요소(엘리먼트)들을 효율적으로 제어할 수 있는 기능 제공 CDN 호스트 또는 직접 jQuery를 다운로드 하여 사용할 수 있다. $('선택자') 형태로, 맨 앞에 $를 표기하여 jQuery 객체임을 나타낸다. $('#content') 처럼 jQuery는 DOM형식의 js보다 좀 더 직관적이고 단순한다. 3. jQuery 장점 첫째, 문법이 간단하다. id를 이용하여 요쇼(엘리먼트)를 가져올 때는 getElementById, class를 이용하여 ..

배열 크기가 같은 변수들이 메모리에 순차적으로 할당되어 있는 자료형 로또 프로그램을 만든다고 가정해보자. 우선 7개의 번호를 저장하기 위해 7개의 변수가 필요하다. (num1, num2, ... num7) 만일 7개가 아닌 n개의 값을 저장하려면? n개의 변수를 만들어야 한다. 이렇게 일일이 변수를 만드는 것은 매우 비효율적이다. 여기서 배열의 장점을 알 수 있다. 크기만 정해주면 원하는 만큼의 변수를 쉽게 만들 수 있다. (메모리 크기에 따라 다름) 또한 값들이 메모리에 일련하게 저장되어 배열의 인덱스(offset)로 쉽게 찾아낼 수 있다. 하지만 배열은 정적 할당 변수이기 때문에 크기를 선언시에 지정해야 한다. (이를 극복하기 위해 동적 할당을 이용한 연결 리스트가 있다.) 따라서 지정한 크기보다 데..

MFC(Microsoft Foundation Class Library)를 사용하지 않는다면 C언어를 이용하여 GUI를 구성하는 것은 불가능하다. 바람의 나라 등 2D 게임을 만들 때 캐릭터가 이동하기 위해서는 좌표가 필요한데, CLI 환경에서 2D 게임을 흉내낼 수 있는 gotoxy() 함수에 대해 알아보자. 함수 정의 이름은 gotoxy()가 아니더라도 상관 없음 SetConsoleCursorPosition() : 콘솔 커서 위치 변경 사용법 x, y값에 이동하고자 하는 좌표를 매개변수로 전달 예제를 통해 확인해보자. 소스 코드는 아래와 같다. #include #include #define MAX_X 60 #define MAX_Y 20 void gotoxy(int x, int y) { COORD Pos..

아스키코드 (ASCII) 1960년 미국에서 정의한 알파벳 표준 부호 체계 컴퓨터의 기본 저장 단위인 1byte(=8bit)에서 통신을 위한 1bit(parity bit)를 제외하여 최대 7bit 체계 구성 유니코드 (Unicode) 전 세계의 모든 문자를 일관되게 표현하기 위한 국제 부호 체계 16bit 체계 구성 (아주 희귀한 문자일 경우 최대 21bit까지 사용) 영문 또는 한글을 읽어 크기를 파악해보자. 소스 코드는 아래와 같다. #include int main() { int dec; while (1) { printf("Please enter a value : "); dec = getchar(); if (dec

C언어 프로그램의 실행 과정은 다음과 같다. 컴파일러 (Compiler) 전처리 (Preprocess) 컴파일러가 쉽게 인식할 수 있도록 소스 코드 내부에 "#"으로 시작되는 명령어 재정리 (#define MAX 100이라고 선언했을 경우, 소스에서 MAX라고 쓰여있는 부분을 100으로 치환) hello.c 파일을 입력으로 hello.i 파일 생성 컴파일 (Compile) 전처리된 소스 코드를 어셈블리어로 변환 hello.i 파일을 입력으로 hello.s 파일 생성 어셈블 (Assemble) 어셈블리어를 기계어(binary)로 변환 hello.s 파일을 입력으로 hello.o 파일 생성 링커 (Linker) 목적 파일을 관련된 라이브러리와 연결하여 실행 파일 생성 hello.o 파일을 입력으로 hello..