본문 바로가기

전체 글267

[6주차] 이론 [생활코딩] Javascript 1. 비교 연산자 좌항과 우항의 관계에 따라서 true, false 둘 중 하나의 값을 출력하는 연산자 1) === (동등 비교 연산자) 2) >나 2021. 8. 14.
[코딩도장] Unit 48. 구조체 사용하기 1. 구조체 사용하기 프로그램을 만들다 보면 변수 한두 개로는 처리하기 복잡하고 비효율적인 상황이 발생한다. 이런 상황에서, 관련 정보를 하나의 의미로 묶어 자료를 체계적으로 관리하기 위해서 구조체를 사용할 수 있다. 구조체는 struct로 정의한다. 아래는 인적 정보를 표현한 구조체이며, struct Person은 Person 구조체를 정의한다는 뜻이다. struct Person { char name[20]; / int age; char address[100]; }; 2. 구조체를 만들고 사용하기 구조체는 위에서 말했듯이 struct로 정의한다. struct 구조체이름 { 자료형 멤버이름; }; 구조체는 정의만 해서는 사용할 수 없기 때문에 변수로 선언해서 사용해야 한다. struct 구조체이름 변수이.. 2021. 8. 7.
[5주차] 이론 [생활코딩] Javascript 1. 기본 Javascript는 웹이 사용자와 상호작용할 수 있도록 하는 기능을 갖고 있다. HTML은 한번 화면에 출력되면 자기 자신을 바꿀 수 없는 정적인 웹페이지를 만들지만, JS는 코드에 따라 태그의 디자인을 바꾸는 등 웹페이지를 더 동적으로 만들어줄 수 있다. 즉, JS는 기본적으로 HTML 위에서 동작하는 언어이고, HTML을 제어하는 언어이다. 브라우저에서 우클릭 > 검사 > elements (태그) : 웹페이지를 구성하고 있는 html 태그들을 볼 수 있다. 2. Javascript를 실행하는 방법 1) script 태그 이용 body 태그 안에 script 태그를 넣음으로써 Javascript가 시작된다는 것을 알려줘야 한다. script 태그 안에는 JS.. 2021. 8. 7.
[코딩도장] Unit 60. 함수 사용하기 1. Hello, world! 출력 함수 만들기 프로그래밍 할 때 값만 바뀌고 코드는 반복되는 경우가 많다. 이때, 코드가 길어지고 중간에 실수하는 가능성을 줄이기 위해 함수를 사용할 수 있다. 함수는 main 함수 밖에서 작성해야 한다. 반환값자료형 함수이름() { 코드; } 위에서는 반환값의 자료형이 void, 이름은 hello인 함수를 정의하고 printf로 문자열을 출력했다. 여기서 함수의 반환값 부분에 void를 적어주면 함수의 반환값이 없다는 뜻이 된다. 즉, void는 함수의 반환값이 없음을 나타날 때와 포인터로 사용할 때의 의미가 다르다. 아래는 위의 상황에서 함수의 실행 순서이다. 2. 지역 변수 지역 변수란 함수 안에 선언된 변수를 뜻한다. 지역 변수의 특징은 함수가 끝나면 사라진다는 .. 2021. 8. 1.
[4주차] 실습 Chapter 05. 고급 표현을 위한 CSS3 활용 1. 표에 스타일시트 적용하기 - 자신의 시간표에 스타일시트 적용하기 - 각 셀의 폭 크기는 동일하게 120px로 적용 - 표의 제목줄은 하늘색(skyblue) 배경색 적용 - 모든 글자는 가운데 정렬 - 각각의 과목마다 배경색 지정 [실행 화면] [코드] [설명] 시간표는 1주차 실습 2번에서 했던 내용을 가져와서 사용했다. 각 셀은 th와 td로 이루어졌으므로 두 가지를 콤마로 묶어서 너비를 120px로 설정하고, 가운데 정렬을 해주었다. 표의 제목줄은 th로 했으므로 th를 선택자로 지정해서 배경색을 하늘색으로 설정했다. 각각의 과목색 설정하는 것은 2번 이상 나오는 과목이 있으므로 코드가 중간에 길어지는 것을 방지하여 각각의 과목을 써놓은 td.. 2021. 7. 31.
[4주차] 이론 Chapter 04. CSS3 스타일시트 기초 1. 스타일시트란? - 웹 문서의 출력될 외형 스타일 - 크기, 색상 등의 스타일 일괄 적용 가능 - 글자간격, 문단간격, 위치 등 자세한 부분까지 설정 가능 - 콘텐츠의 내용과 디자인의 분리가 가능 2. CSS 스타일시트 구성요소 선택자 {속성:값; 속성:값; ...} 1) 선택자 - 스타일을 설정할 대상이 되는 태그 - 여러 개일 경우 콤마(,)로 구분 2) 속성 선언 - 속성과 속성값으로 구성 - 콜론(:)으로 구분, 세미콜론(;)으로 종료 3. 문서 일부분에 CSS 속성 설정 1) 요소 및 요소 - 문서의 일부분, 또는 문장의 일부분을 구분해서 그룹핑 - 블록단위 요소 : - 인라인 요소 : - style 속성 이용해서 특정 스타일 지정 가능 ㄴ 예).. 2021. 7. 31.
[코딩도장] Unit 38. 포인터와 배열 응용하기 1. 포인터와 배열 응용하기 int numArr[10]; 처럼 고정된 크기로 배열 생성 가능하지만 int numArr[size]; 처럼 크기를 동적으로 지정할 수 없다. 따라서 배열의 크기를 동적으로 지정하려면 포인터를 선언하고 메모리를 할당한 뒤 메모리를 배열처럼 사용해야 한다. 2. 포인터에 할당된 메모리를 배열처럼 사용하기 포인터를 배열처럼 사용하려면 포인터에 malloc 함수로 메모리를 할당해주면 된다. 자료형 *포인터이름 = malloc(sizeof(자료형) * 크기); 배열과 메모리가 할당된 포인터는 생성 방법만 다르고 값을 다루는 방법은 같다. *numPtr처럼 포인터를 역참조한 것과 numPtr[0]은 같은 값을 가져온다. *(numPtr + 1)을 역참조한 것과 numPtr[1]도 같은 .. 2021. 7. 24.
[3주차] 실습 1. 내부 스타일시트로 적용하기 - h2 태그 : 파랑색 글씨 - p 태그 : 12pt - span 태그 : 가장 굵은 글씨, 배경색 #f2f519 - strong 태그 : 빨간색 글씨, 밑줄 - small 태그 : 회색 글씨, 기울임 [실행 화면] [코드] [코드 설명] 내부 스타일시트는 head 태그 안에 style 태그를 넣어서 그 안에 지정하고자 하는 선택자를 가져와 디자인을 설정하는 방법이다. 본문 내용은 제시된 내용을 그대로 적었다. 중간에 있는 주석은 sup 태그를 이용해서 표현해줬다. 글자 색은 color, 글자 크기는 font-size, 글자 굵기는 font-weight, 배경 색은 background-color, 밑줄은 text-decoration, 기울임 효과는 font-style 속.. 2021. 7. 24.
[3주차] 이론 [생활코딩] CSS 1. 기본 웹브라우저는 기본적으로 코드를 html이라고 생각함. -> CSS 사용 시 사용한다는 것을 html의 문법으로 나타내줘야 함. 이때 사용하는 것이 . CSS가 나타나기 전에는 태그 이용해서 꾸밈. 태그를 사용하면 적용할 곳에 일일이 다 써줘야하지만 CSS를 사용하면 그럴 필요 x 2. 주석 : html 상의 주석 /* 내용 */ or / 내용 / : css 상의 주석 3. 스타일 지정 방법 1) style 태그 이용 (효과 지정 후 끝에 항상 ; 달아주기) -> 선택자 { 속성:값; } ㄴ 선택자 여러개를 ,를 통해 묶을 수 있음. 2) 태그 안에 style 속성 부여 4. 속성 예시 1) color : 폰트 색상 2) text-decoration : 밑줄 유무 지정 3) .. 2021. 7. 24.

티스토리툴바