HTML을 정보를 담게 하는 것은 무엇이 있는지 알아봅시다. 태그는 HTML태그들 중에서 대표적으로 퇴출이 된 태그입니다. Hello 시각적인 효과만 보여질 뿐이고 정보를 전달하는 역할을 하지 못하기 때문에 퇴출되고 디자인 적인 측면에서 효과를 더하기 위해서는 CSS라는 별도의 언어가 생겨나게 되었습니다. 단지, HTML은 정보로써의 의미만 가지도록 하기 위함입니다. 태그는 웹페이지의 정보를 전달하기 위한 태그입니다. 제목이나 본문의 내용이 대략적으로 어떤 의미인지를 살펴보는 것입니다. 웹페이지에 표현되지 않지만 웹페이지를 잘 설명하기 위한 부가적인 방법이 태그입니다. : 문자의 규칙은 utf-8로 저장되어졌습니다. : 웹페이지상에서는 표시가 되지 않지만 웹페이지에 대한 요약된 정보로 사용됨. 검색엔진의..
이번 시간에는 파일을 업로드하는 방법을 알아봅시다. 파일을 업로드 하는 것은 html에서 해야 할 일이 있지만 서버쪽에서 처리해 줘야 하는 역할이 더 크기 때문에 파일업로드 파트는 조금 피상적일 수도 있습니다. 이해가 안되는 부분이 서버쪽 관련된 부분이 있다고 하더라도 간단히 이해하고 넘어가도록 합시다. form_file.html 이라는 화일을 만들어서 시작해 봅시다. 파일을 업로드할 때 필요한 html코드는 파일을 업로드하는 코드가 있다면 form태그의 속성은 metho="post" enctype="multipart/form-data"가 되어야 합니다. 하지만 이런 것들은 서버쪽 엔지니어가 정하는 부분이므로 웹개발자는 자세히 몰라도 되는 부분입니다.
이번 시간에는 method라는 주제에 대해서 배워봅시다. 폼이라는 것은 사용자가 입력한 정보를 서버쪽으로 전송하는 과정입니다. 데이타를 전송하는 방법 중에는 몇가지 방법이 있는데, 지금까지 배운 것은 get방식을 사용해서 서버에 데이타를 전송하였습니다. 실행화일인 form_method.html이라는 화일을 만들어 봅시다. get방식 : post방식 : 폼태그로 데이타를 전송하는 방식에는 GET, POST 2가지가 있습니다. get방식은 url을 통해 데이타를 전송하는 것이고, post방식은 url이 아닌 다른 방식으로 숨겨서 전송하는 것을 말합니다. "우리가 form태그를 통해서 데이타를 전송할 때는 거의 100% post방식을 사용하지만 이것을 정하는 것은 사실 서버쪽 엔지니어의 권한이다." get방식..
이번 시간에는 label이라는 것을 배워보도록 합시다. 파일을 form_label.html을 만들어 보도록 합시다. form_text.html 화일을 이용해서 copy & paste를 해서 화일명만 바꿔서 사용합니다. text : password : textarea : default value 붉은색 파란색 이라는 태그는 폼태그의 이름을 지정하는 태그입니다. 사용하는 방법은 2가지가 있는데, 첫번째는 label의 속성인 for와 id값을 이용해서 사용하는 것입니다. label태그의 for="A"와 이름을 지정하려는 태그 input id="A"를 같은 값으로 묶어줍니다. 두번째는 이름을 지정하려는 input태그를 label태그로 감싸줍니다. label태그의 자체적으로는 아무런 기능이 없지만 해당하는 UI ..
이번 시간에 살펴볼 것은 hidden field라는 것입니다. 이제까지 살펴본 태그들은 체크박스, 라디오버튼, 제출버튼, 버튼 다 눈에 보이는 것이었는데, 이번 시간에는 UI가 없이 서버쪽으로 데이타를 전송하는 hidden field라는 것을 배워봅시다. form_hidden.html이라는 화일을 [실습] 폴더에 만들어 줍시다. 일 때, UI가 눈에 보이진 않지만 서버로 값이 전송될 때 사용하는 것으로 'hide=이미남'으로 전송이 됩니다. 즉 UI가 필요없거나 사용자 몰래 어떤 값을 서버로 전송할 필요가 있을 때 쓰이는 태그를 말합니다.