클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

일단 시작을 하면 뭐든 하게 된다. 그럼, 두번째 단원 학습을 시작해보자! 이론 2 - HTML 기본 태그눈에 보이는 정보란 텍스트나 이미지이다. 담겨져 있는 정보의 특징을 파악해서 그 정보의 특징별로 구역을 설정하는 작업도 HTML 언어에서 담당한다.   HTML에서 지원하지 않는 언어들은 지원하지 않겠다는 의미이다. 5가 표시되어 있는 부분은 HTML 5에서 새롭게 등장한 신조어다.  어떤 정보를 넣을 때 고유의 태그를 입력해야 한다. 속성에는 자신이 만든 이름이나 별명을 붙일 수 있다. 디자인적인 작업을 속성으로 활용할 수 있다.  HTML 문서는 .html의 확장자를 갖고 있는 파일 안에서 입력해야 한다. 태그는 원래 열린 태그와 닫힌 태그로 구성되어 있지만, 일부 태그는 열린태그만 있는 경우도 ..

오늘부터 자바 스크립트 수업을 나갔는데 속도도 빠르고 정말 따라가기 힘든 수업이었다. 오늘 새벽까지 난 엘리스에서 들어야 하는 기초 및 심화 필수 과목들을 듣느라 인사교에서 현재 배우는 과목들을 따로 공부하거나 복습할 시간이 없었다.근데 이제부터는 수업을 잘 따라갈 수 있게 HTML/CSS 공부도 하고 자바 스크립트도 공부해보기로 했다. 주말까지 해서 엘리스로 HTML/CSS와 자바 스크립트 기초 수업을 80% 이상 완료하고, 자바 응용 수업도 처음부터 다시 들어볼 생각이다.진도가 엄청나게 빠르지만 기초도 부족해서 전 수업부터 차근차근 듣는 것이 좋을 것 같다.그럼 우선, HTML의 첫 수업을 시작해보기로 하자!수업 소개 - HTML/CSS커리큘럼 1장에서는 HTML 언어가 갖고 있는 특징을 살펴보고, ..

3교시 수업에서는 HTML 태그를 하나하나 익히면서 웹 페이지를 만들어보았다. 그리고 거의 끝 무렵에 위키백과 사전을 보고 웹페이지를 만들어보는 실습도 진행했다.  HTML 태그 알아보기문단과 문장 태그 p태그와 span 태그를 사용해서 문장과 문단을 작성할 수 있다. 문장 안에 효과를 줄 때는 그 안에 작성하면 된다.   줄바꿈 및 개행, bold체 줄바꿈을 할 때는 br를 쓴다. 이건 내가 블로그를 쓸 때도 자주 사용하는 기능이다. 사실 이 태그는 별로 낯설지가 않은데, 얼마 전에 벨로그가 마크업으로 되어 있어 태그를 작성하면 효과를 줄 수 있다는 걸 알게 되었다.처음에는 줄 바꿈이 없이 바로 쓰려니까 문단 사이가 나누어지지 않아 무척 불편했고 칸을 띄우는 싶은데 아무리 많은 칸을 띄워도 한 칸밖에 ..

1교시 수업에 이어 2교시에서는 HTML에 대한 설명과 실제로 만들어보는 실습이 이어졌다. 1. HTML이란 무엇인가?HTML을 한번더 정리해본다.HTML은 하이퍼텍스트를 제공하는데 이는 글자를 참조한 곳으로 이동하는 것이다.  우리가 책을 읽을 때는 앞에서부터 차근차근 읽게 된다. 하지만 하이퍼텍스트는 링크를 타고 참조한 곳으로 이동한다. 이때 태그를 사용한다.즉, HTML은 태그를 이용해 표시해주는 언어이다. 표시가 없다면 이처럼 보이 어렵다.   표시가 없을 때와 있을 때의 차이   어디로 오라는 것인지 알 수가 없다. 표시를 해주는 것이 태그이다.  HTML은 꺽쇠로 구분하고, 시작 태그와 끝 태그로 나뉜다. 이 사이에 들어가는 것을 Content 내용이라고 한다. 이렇게 구조에 맞춰서 작성한다...

어제 저녁에 자바 응용 수업 내용을 정리하는데 많은 시간이 걸려서 오후에 받았던 HTML 수업은 정리하지 못했다. 그리고 오늘 새벽에 일어나자마자 이 수업 학습일지를 써보려고 한다.오늘도 새로운 것을 배울텐데 이전의 배웠던 것을 복습하지 않으면 공부가 많이 밀릴 것 같았다.   1. 우리가 인터넷을 사용하기까지 HTML은 프로그래밍 언어가 아니다 개발자들 사이에서 도는 짤이 있는데 HTML은 프로그래밍 언어가 아니라는 것이다. 나도 어디선가 그런 말을 들어본 적이 있었는데, 그때는 왜 HTML을 프로그래밍 언어가 아니라고 하는지 의문이 들었다. 어제 수업을 통해 잘 이해할 수 있었다.그것은 HTML이 기본이 되는 언어이고 마크업 언어이기 때문이다. 마크는 뭔가를 표시함으로써 원하는 정보를 효과적으로 표현..

이번 장에서는 중첩되는 if문과 switch문에 대해 학습하게 된다. 일상생활과 마찬가지로 프로그램에도 다양하고 복잡한 선택의 순간이 많다.따라서 if문을 자유롭게 응용하는 능력이 반드시 필요하다. if문을 중첩해서 사용하는 방법과 주의할 점을 살펴본 후, 다중 선택이 필요한 상황에 알맞는 switch ~ case문도 학습할 예정이다.  시작하기 전에문제를 해결하다 보면 선행조건이 필요한 경우가 있다. 선행조건이 꼭 필요할 때 if문을 중첩해서 사용한다. 학점에 따라 장학금의 지급액이 다른 경우에는 if보다는 switch ~ case문을 사용하는 것이 더 편리하다.  1. if문 중첩어떤 조건을 검사하기 전에 선행조건이 있다면 if문 안에 if문을 넣어 사용한다.  🎭 중첩된 if문#include in..

오늘 학습한 C 언어 프로그래밍 부분은 선택문이다. 조건문에는 선택문과 반복문이 있는데, 선택문은 if~else, switch문을 말한다.프로그램은 연산 결과나 입력값이 따라 처리 방법을 바꿔야 할 때가 많으므로 조건에 따라 실행 문장을 선택할 수 있는 구문이 필요하다.먼저 선택문으로 가장 많이 사용되는 if문을 살펴볼 것이다.  시작하기 전에 이전까지는 항상 차례대로 실행되는 프로그램을 다뤘다. 그런데 조건에 따라 실행되거나 실행되지 않을 때도 있는데 그때 필요한 것이 제어문이다.     1. if문의 기본 형식전제인 조건식과 조건을 만족해야 수행되는 실행문으로 구성된다.  a가 10보다 클 때만 성립되는 조건문이다. 기본 if문은 조건식을 만족하지 않으면 실행문을 실행하고, 만족하지 않으면 실하지 않..

연산자 두번째 장으로 기본 연산자 외에 다른 연산들을 학습해보기로 하자. C 언어가 제공하는 효율적이고 특별한 연산자에는 어떤 것이 있는지 알아보고 이를 적재적소에 쓰기 위한 사용법을 배워볼 것이다.이 연산자는 생김새가 특이하고 사용법도 생소할 수 있다. 조건 연산자처럼 피연산자를 3개 사용하기도 한다.  1. 형 변환 연산자    🎃 형 변환 연산자가 필요한 경우#include int main(void) { int a = 20, b = 3; double res; res = ((double)a) / ((double)b); printf("a = %d, b = %d\n", a, b); printf("a / b의 결과 : %.1lf\n", res); a = (int)res; pri..

오늘 학습할 부분은 연산자이다. 연산자는 응용문제로 코딩테스트 문제를 풀고 정리해보았으나, 개념 학습은 아직 하지 않아서 오늘은 이 분분을 학습해보기로 했다.프로그램은 연산을 통해 데이터를 처리하므로 다양한 연산자의 사용법을 익히는 일은 매우 중요하다. 먼저 기본적인 산술 연산자, 제어문의 조건식에 주로 사용되는 관계 연산자 및 논리 연산자에 관해 살펴볼 것이다. 시작하기 전에프로그램은 CPU가 처리하는 명령어의 묶음이다. 일반적으로 연산자는 컴파일되면 명령어로 부뀌므로 연산자를 배우는 것은 결국 명령어를 익히는 것이다. 연산 명령에는 연산의 대상이 되는 데이터가 필요한데 이를 피연산자라고 한다.   1. 산술 연산자와 대입 연산자 산술 연산자연산자는 연산 기호이고, 피연산자는 연산의 대상이 되는 데이터..

출력하는 방법에 대해서 배웠으나 입력이 있어야 진짜 제대로된 출력이 완성된다. 프로그램을 이용해 우리가 원하는 결과를 얻으려면 그 결과 처리에 필요한 데이터를 입력할 수 있어야 하기 때문이다.이번 단원에서는 프로그램을 실행하는 도중에 정수, 실수, 문자, 문자열을 입력하는 방법에 대해 학습해볼 것이다.​ 시작하기 전에​키보드에서 타이핑하는 모든 내용은 문자로 인식된다. 따라서 입력한 데이터를 연산이 가능한 정수나 실수로 사용하려면 변환 과정이 필요하다. 이때 사용하는 것이 바로 scanf 함수이다.이 함수는 입력 문자들을 스캔해 원하는 형태의 데이터로 바꾸어 준다. 어떤 데이터로 변환할 것인지는 변환 문자를 통해 결정된다.scanf 함수에서 자료형에 따라 사용하는 변환 문자는 printf 함수로 출력할 ..