어제 오늘 내일

지난번 포스팅에서는 태그를 활용하여 사용자의 입력을 받는 방법을 알아보았습니다.[HTML] 태그로 사용자 입력 받기 태그 안에는 여러가지 구성요소를 넣어서,다양한 형태의 입력을 받을 수 있다고 했습니다. 가장 대표적인 요소는 태그입니다.이번에는 이 태그를 사용하여, 비밀번호 입력란을 만들어 보도록 하겠습니다. 태그로 패스워드 입력란 만들기 먼저, 태그의 'type' 속성에 들어갈 수 있는 값들은 어떤 것들이 있을까요?text 일반 텍스트를 입력받을 수 있습니다.password 패스워드를 입력받을 수 있도록, 입력값이 화면에 보여지지 않도록 합니다.submit 태그 내에 입력된 데이터를 서버로 전달해 줍니다.button 버튼을 생성해 줍니다.checkbox 체크박스 형태의 입력을 받을 수 있습니다.radi..

HTML에서 태그를 활용하여 사용자 입력 받기 HTML에서 사용자의 입력을 받기 위해서는 어떻게 해야 할까요?이번에는 HTML에서 사용자의 입력을 받기 위해서 사용하는 태그에 대해서 알아보도록 하겠습니다. 태그는사용자로부터 입력값을 전달 받기 위한 태그입니다. 사용자의 입력은 여러가지 형태가 될 수 있습니다.사용자가 직접 키보드로 타이핑을 해서 정보를 입력할 수도 있고,셀렉트 박스나, 체크박스, 라디오 버튼 등을 이용해서주어진 보기 중에서 원하는 내용을 선택 할 수도 있습니다.각각의 입력 받는 방법은 조금씩 다르지만,모든 입력의 기본이 되는 것은 태그입니다. 여기서는,가장 기본적인 키보드로 텍스트를 입력 받는 예제를 통해서 태그의 사용 방법을 알아보도록 하겠습니다. 태그 사용법 태그는 아래와 같이 태그 ..

HTML에서 줄바꿈 입력하기 HTML에서 줄바꿈을 하는 방법을 알아보도록 하자. HTML 소스코드에서는 아무리 엔터를 여러번 치면서 줄바꿈을 해도HTML이 보여지는 웹브라우저에서는 줄바꿈이 적용되지 않는다.줄바꿈을 적용하기 위해서는 몇가지 특별한 태그를 사용해야 하는데,지금부터 그 태그들을 알아보도록 하겠다. 1. br 태그는 'break'의 약자로 단순히 HTML에서 줄바꿈을 할 때 사용된다.여러개의 태그를 입력하면 입력된 갯수만큼 줄바꿈이 실행된다.다른 태그들과 달리 열고( ) 닫는() 태그가 존재하지 않고그냥 태그만 써 주어도 무방하다.See the Pen html example by anna (@hianna) on CodePen. 2. p 태그는 'paragraph'의 약자로, html에서 문단을..

HTML에서 공백(스페이스, 띄어쓰기) 삽입하기 HTML태그에 아무리 키보드로 여러 개의 스페이스를 입력해도브라우저에는 하나의 공백만 표현 된다. 그렇다면, 화면에 여러개의 공백을 표현하기 위해서는 어떻게 해야 할까? HTML에서 여러개의 공백을 표현하기 위해서는 &nbsp 라는 태그를 사용한다. &nbspnbsp는 'Non-breaking Space'의 약자이다.HTML에서 여러개의 공백을 표현하고 싶다면표현하고자 하는 공백의 갯수만큼 를 추가해 주면 된다. 아래의 예제를 통해 확인해 보자. See the Pen html example by anna (@hianna) on CodePen. 위의 예에서 보는 것과 같이nbsp 태그를 활용하여 여러 개의 공백을 표현할 수 있다.

HTML에서 취소선, 밑줄 그리기 HTML에서 글자에 취소선과 밑줄을 그리는 방법을 알아보도록 하겠다. 취소선 표현하기 See the Pen html example by anna (@hianna) on CodePen. 태그는 'delete'의 약자이다.글자에 취소선을 표현하기 위해서는 태그 사이에 취소선을 그을 글자를 넣어주면 된다. 밑줄 표현하기 See the Pen html example by anna (@hianna) on CodePen. 태그는 'insert'의 약자이다.밑줄을 표현하기 위해서는위와 같이 태그 사이에 밑줄을 그을 글자를 넣어주면 된다. 왜 라는 태그명을 가졌을까?태그와 태그는 원래 문서의 변경사항을 표현하기 위한 태그이다.문서가 변경되어 삭제된 내용에는 태그를,문서가 변경되어 추가..

HTML에서 기울임체 (이탤릭체, italic) 표현하기 HTML 태그를 이용하여 이탤릭체를 표현하는 방법은 두 가지가 있다. 태그와 태그 태그 See the Pen html example by anna (@hianna) on CodePen. 태그는 italic이라는 글자의 약자이다. 태그 사이에 이탤릭체로 표현하고자 하는 내용을 삽입하면 된다. 태그 See the Pen html example by anna (@hianna) on CodePen. 태그는 emphasize의 약자로, 강조한다는 뜻이다.태그와 마찬가지로태그 사이에 이탤릭체로 표현하고자 하는 내용을 삽입하면 된다. 그렇다면, 이탤릭체 하나를 표현하는 왜 이렇게 두 가지 태그가 따로 존재하는지 알아보자. 태그와 태그의 차이점 See the P..

HTML에서 위첨자, 아래첨자 표현하기 위첨자란 보통크기의 글씨 위에 작게 쓴 글씨를 말한다.아래첨자란 보통크기의 글씨 아래에 작게 쓴 글씨를 말한다. 주로 수학식이나 화학기호를 표현하거나,단락에서 주석을 표시할 때 많이 쓰이는 방식이다. HTML에서 이러한 위첨자, 아래첨자를 표현하는 방법을 알아보자. HTML에서 위첨자 표현하기 See the Pen html example by anna (@hianna) on CodePen.는 '위첨자', '위에 쓴'이라는 뜻의 영어 단어 'superscript'의 약자이다.위와 같이 위첨자로 표시하려는 글자를 태그로 감싸주면 된다. HTML에서 아래첨자 표현하기 See the Pen html example by anna (@hianna) on CodePen.는 '아..

HTML에서 굵은 글씨(bold, 볼드체) 표현하기 HTML에서 굵은 글씨, bold 체를 표현하는 방법은 두 가지가 있다. 태그 See the Pen bold by anna (@hianna) on CodePen. 태그 사이에 굵은 글씨로 표현하고자 하는 내용을 삽입하면 된다. 태그 See the Pen bold by anna (@hianna) on CodePen. 태그와 마찬가지로 태그 사이에 굵은 글씨로 표현하고자 하는 내용을 삽입하면 된다. 태그와 태그의 차이점 그렇다면 태그와 태그를 구분하여 사용하는 이유는 무엇일까? 태그는 html의 스타일을 정의하는 태그이다.단순히 화면에 보여지는 모양을 정의한다. 태그는 html의 의미를 정의하는 태그이다.겉으로 보기에는 태그와 다를바 없이 굵은 글씨를 표현..

HTML에서 링크(link) 걸기 인터넷에서 텍스트나 이미지를 클릭했을 때다른 페이지로 이동하는 기능을 구현하는 방법을 알아보도록 하겠다.See the Pen 하이퍼링크 by anna (@hianna) on CodePen. 이 하이퍼링크 기능을 구현하기 위해서는위와 같이 태그와 그 안의 속성들을 사용한다. 는 'anchor', 즉, '닻'이라는 뜻이다.우리는 보통 인터넷 서핑, 웹서핑 이라는 말을 많이 쓴다.인터넷, 정보의 바다를 항해한다고도 표현한다.인터넷에서 정보의 바다를 항해하는 것은 대부분 링크를 클릭함으로써 이루어진다.그런 의미에서 html에서 링크를 표현하기 위해서 'anchor'의 약자인 태그를 사용한다.항해를 하기 위한 닻. href링크를 클릭했을 때 이동할 페이지를 href 속성에 표현한..

[파이썬 / python]'UnicodeDecodeError: 'cp949' codec can't decode bytes in position~~ ' 오류 해결 하기 파이썬으로 한글 파일을 읽어오다가 아래와 같은 오류가 발생하였다.UnicodeDecodeError: 'cp949' codec can't decode bytes in position ~~~ 원인을 찾아보니 읽으려는 파일이 UTF-8 형식이기 때문!해결하기 위해서는 파일을 읽을 때 인코딩 형식을 지정해 주어야 한다. 파일을 읽을 때 인코딩, 디코딩 방법을 지정해주기 위해서는codecs 모듈을 이용해야 한다.아래의 document를 참조하였다.https://docs.python.org/3/library/codecs.html#module-codec..