monstrosite

HTML #5

이번 포스트에서는 HTML에서 사용할 수 있는 여러가지 입력도구 중에서 버튼에 대해 알아보겠습니다.버튼은 button 태그로 사용이 가능합니다. 1) 일반적인 button 태그 클릭 button 태그의 안에 onClick 인자로 버튼의 동작을 정의할 수 있지만,외부에서 script 태그를 사용하여 자바스크립트를 통해 버튼의 동작을 정의할 수도 있습니다. 실행 결과는 다음과 같습니다.  2) 이미지를 사용하는 button 태그  이번에는 이미지를 사용하여 버튼을 구현해보겠습니다.실행 결과는 다음과 같습니다.  위와 같이 버튼을 button 태그를 사용하여 구현하는 방법이 있고,또 다른 방법인 input 태그의 안에서 사용하는 방법이 있습니다. 3) input 태그를 사용  위의 예시에서는 input 태..

HTML #4

이번 포스트에서는 HTML로 작성된 파일의 구조에 대해서 알아보겠습니다.크게 다음의 3가지 영역으로 구분지어 알아보도록 하겠습니다. + 1) 태그 + 태그 태그는 브라우저에게 문서의 타입이 HTML이라는 것을 알려주는 용도로 사용합니다.따라서 모든 HTML 문서는 태그로 시작하는 것이 좋습니다. html 태그는 모든 html 문서의 최상위 루트를 의미합니다.따라서 문서에서 사용되는 모든 태그들은 html 태그의 안에 배치되어야 합니다.정리하면 html 문서는 태그부터 시작하여 로 끝나게 됩니다. 2) 태그head 태그는 문서의 머리말을 의미하는 태그입니다.주로 문서의 제목이나 문서의 설정등을 작성하는 용도로 사용합니다. 위와 같이 작성할 수 있습니다.위의 코드를 보면 현재 head 안에 m..

HTML #3

이번 포스트에서는 이전의 포스트에 이어서 HTML에서 사용하는 태그들에 대해 알아보겠습니다. 1) 데이터의 정렬 - ol 태그와 ul 태그HTML에서 데이터를 정렬하여 나타내는 방법은 ol 태그와 ul 태그를 사용하는 것입니다.이때 2개의 태그에는 차이점이 존재하는데,ol 태그의 경우, Ordered List로서 데이터를 순차적으로 정렬하여 나타내는 것이고ul 태그의 경우 Unordered List로서 데이터를 단순히 정렬하기만 한다는 것입니다. Ordered List 국어 수학 영어 Unordered List 국어 수학 영어  실행 결과는 다음과 같습니다. Ordered List는 순서에 따라 숫자로 표시하였지만,Unordered List는 순서에 상관없이 단순히 정렬하기..

HTML #2

이전 포스트에 이어 이번 포스트에서도 HTML에서 사용가능한 태그들에 대해 알아보겠습니다. 1) 줄바꿈 - br 태그Hello Web! My name is HTML  실행 결과는 다음과 같습니다. 2) 줄바꿈 - p 태그Hello Web! My name is HTML  p 태그 역시 이전의 br 태그처럼 줄을 바꾸는 역할을 수행하지만,차이점은 b 태그가 단순히 줄을 바꾸는 용도라면, p 태그는 문단을 구분짓는 용도로 사용한다는 것입니다.실행 결과는 다음과 같습니다. 3) 이미지의 삽입 - img 태그 이미지를 삽입하는 img 태그입니다. 구성은 다음과 같습니다.src : 삽입할 이미지의 경로alt : src의 이미지가 없는 경우 대체할 문장witdh : 이미지의 너비height : 이미지의 높이실행 ..

HTML #1

이번 포스트에서는 HTML에서 사용하는 여러 태그들에 대해 알아보겠습니다. 1) 이태릭체 - i 태그Hello Web! 실행 결과는 다음과 같습니다. 2) 볼드체 - b 태그Hello Web! 실행 결과는 다음과 같습니다. 3) 밑줄 - u 태그Hello Web! 실행 결과는 다음과 같습니다. 4) 강조 - strong 태그Hello Web! strong 태그는 이전의 b 태그와 동일하게 감싸진 문장을 볼드화하지만,b 태그가 단순히 강조하는 것이 목적이라면,strong 태그는 정말로 중요한 데이터를 가리키는 용도로 사용합니다. 실행 결과는 다음과 같습니다.  5) 글자 크기 조절 - h1 ~ h5Hello Web!Hello Web!Hello Web!Hello Web!Hello Web! 글자의 크기를 조절..

HTML, CSS 개론

이번 포스트부터 웹 서버에 관해 알아보고 실습해보는 과정을 수행해보겠습니다. 1) 웹 서버웹 서버는 기본적으로 게임이 아닌, 웹 서비스를 만드는데 사용합니다.그러나 게임에서도 로그인이나 결제와 같은 웹에서 처리해야 하는 과정이 존재하므로웹 서버 역시 게임에서의 한 축을 담당하게 됩니다. 웹 서버의 경우 대부분 미리 만들어진 프레임워크를 하나 골라서 사용합니다.대표적으로 다음의 프레임워크들이 존재합니다.ASP.NET(C#)Spring(Java)NodeJS(JavaSrcript)PHPDjango(Python) 2) 웹 서버의 동작 원리웹 서버는 실시간으로 동작하는 게임 서버와는 다르게 질의 / 응답방식으로 동작하여 클라이언트와 연결이 끊기면 동작하지 않게 됩니다. 이때 질의/ 응답 방식은 다음과 같이 동작합..