안녕하세요. 진득코딩입니다. 웹 페이지를 살펴보게 되면 로그인 창이나 검색창과 같이 뭔가를 입력할 수 있는 요소들이 있습니다.  이렇게 특정 항목에 사용자가 뭔가를 입력할 수 있게 만든 것을 입력 양식, 다른 말로 폼이라고 합니다.  이번 시간에는 입력 양식을 작성하는 방법에 대해 알아보고 다양한 태그와 속성에 대해 살펴보도록 하겠습니다.  태그 폼(form)이란 사용자가 웹 사이트로 정보를 보낼 수 있는 모든 요소를 의미합니다. 태그는 폼을 만드는 가장 기본적인 태그로 과 태그 사이에 여러 가지 폼 요소를 넣습니다. 여러 폼 요소  태그는 입력받은 자료를 어떤 방식으로 서버로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리할 것인지를 지정합니다.종류설명method 사용자가 입력한 내용을 서버 쪽 ..

안녕하세요. 진득 코딩입니다.  이번 시간에는 HTML에서 이미지와 오디오, 비디오와 같은 미디어와 하이퍼링크를 삽입하는 법에 대해 살펴보도록 하겠습니다.  태그  태그는 웹 문서에 이미지를 삽입할 때 사용하는 태그입니다. 태그에서 알아야 할 속성은 src와 alt입니다.src속성은 이미지 파일의 경로를 지정하여 웹 브라우저에 알려주는 역할을 하며 반드시 있어야 합니다.alt 속성에는 화면 낭독기 등에서 이미지를 대신해서 읽어 줄 텍스트를 입력합니다.** 웹에서 사용하는 대표적인 이미지 파일 형식 - 웹에서 사용하는 이미지는 인터넷으로 전송해야 하므로 파일 크기가 크지 않으면서 화질이 좋아야 합니다. - 주로 JPG(또는 JPEG)나 PNG 파일 형식을 사용합니다. - 아이콘이나 로고처럼 작은 이미지일 ..

안녕하세요. 진득코딩입니다.  저번 시간에는 HTML의 구조에 대해서 알아보았습니다.  이번 시간에는 HTML에 기본적인 내용들을 입력하는 방법에 대해 살펴보도록 하겠습니다.  태그  태그는 제목을 나타내는 태그입니다. 태그를 사용하면 웹 문서에서 제목은 다른 텍스트보다 크고 진하게 표시합니다.이렇게 자주 사용하는 제목 스타일을 미리 태그 형태로 만든 것이 바로 제목 태그입니다.h는 제목을 뜻하는 heading을 줄인 말입니다.n의 자리에는 1~6의 숫자가 들어가며 제목 텍스트를 크기별로 표시할 수 있습니다.이 가장 큰 제목이고 , ,..., 의 순서로 크기가 작아집니다. 태그는 닫는 태그인 을 반드시 사용해야 합니다. 태그  태그는 텍스트 단락을 만드는 태그입니다.와 태그 사이에 텍스트를 입력하면 텍..

안녕하세요. 진득코딩입니다.  HTML, CSS, JavaScript는 개발을 하는데 기본 영역을 담당하고 있습니다.  이번 시간에는 기본 뼈대를 담당하고 있는 HTML에 대해 알아보도록 하겠습니다. HTML HTML은 다양한 인터넷 정보를 웹 브라우저에 보여 줄 때 사용하는 언어입니다.간단히 말해 웹 문서를 만드는 언어라고 할 수 있습니다.HTML은 HyperTextMarkup Longuage의 줄임말입니다.하이퍼텍스트(HyperText)란 문서를 서로 연결해 주는 링크를 의미합니다.따라서 HTML에는 서로 연결한다는 의미가 포함되어 있습니다.마크업(Markup)은 표시한다는 의미를 가지고 있습니다.따라서 웹 브라우저에 내용을 보여 주는 텍스트, 이미지, 영상 등의 위치를 표시하는 것을 의미합니다.HT..

안녕하세요. 진득코딩입니다. 많은 분들이 개발을 시작하고 싶은 마음은 있는데 어디서부터 어떻게 시작해야 할지 막막한 분들이 계실 거라고 생각합니다. 개발에는 여러 분야가 있지만 그 중에서 처음 시작하기 에는 웹개발이 가장 적절하다고 생각합니다.  이번 시간에는 웹 개발에 대해 전반적으로 알아보고 웹 개발을 어떻게 시작할지 알아보도록 하겠습니다. 웹 개발 웹 개발(web development)은 흔히 '웹 사이트를 만드는 것'입니다.그중 정적 사이트(static site)는 방문자에게 정보를 보여주기만 하는 웹 사이트입니다.정적 사이트는 미리 작성한 내용을 웹 사이트에 올려놓으면 방문자는 그 정보를 확인하는 방식이므로 제작하기가 쉽습니다.동적 사이트(dynamic site)는 서비스나 기능 같은 것들도 포..

안녕하세요. 진득코딩입니다.  이번 시간에는 지난 시간에 이어 반복문인 while문에 대해 살펴보도록 하겠습니다.  while문은 for문에 비해 구조가 간단합니다. 그렇다면 while문은 어떤 구조이며 어떤 식으로 사용하는지 알아보도록 하겠습니다. while문 while문은 if문처럼 조건식과 블럭{}만으로 이루어져 있습니다.다만 while문은 if문과 달리 조건식이 참(true)인 동안, 즉 조건식이 거짓이 될 때까지 블럭{} 내의 문장을 반복합니다. while (조건식) {           // 조건식의 연산결과가 참(true)인 동안, 반복될 문장들을 적는다. } while문은 먼저 조건식을 평가해서 조건식이 거짓이면 문장 전체를 벗어나고, 참이면 블럭{} 내의 문장을 수행하고 다시 조건식으로 ..