전체 글

[HTML & CSS] HTML5에 새롭게 추가된 input 속성

이전글 input의 속성들의 연장입니다. 1. autocomplete 속성 2. autofocus 속성 3. form 속성 4. formation 속성 5. formmethod 속성 6. multiple 속성 7. placeholder 속성 8. required 속성 9. step 속성 1. autocomplete 속성 autocomplete속성은 form태그나 input태그에 적은 데이터를 저장합니다. 디폴트 값은 off이기 때문에 속성값을 on으로 맞춰주어야 합니다. 예시) 이름: 데이터를 입력하고 입력하고 전송버튼을 누른뒤 새로고침하면 데이터를 저장한다. 나이: 주소: 결과) 입력 후 전송버튼을 누르면 데이터를 제출해서 입력한 데이터가 모두 사라지지만 뒤로가기 버튼을 누르면 입력했던 데이터를 기억하..

[HTML & CSS] input의 속성들

이전글 HTML5에 새로 추가된 input의 연장입니다. 1. value속성 2. readonly속성 3. disabled속성 4. maxlength속성 5. size속성 1. value속성 value속성은 태그에 초기값을 설정해 줍니다. 예시) 이름 : 국적 : 결과) 2. readonly속성 readonly속성은 사용자가 수정할 수 없고 읽을 수만 있습니다. 예시) 이름 : 국적 : value속성 뒤에 readonly속성을 써줌으로써 "대한민국"은 수정할 수 없게 됩니다. 결과) 3. disabled속성 disabled속성은 사용자가 아무것도 할 수 없는 막힌 블록으로 입력창을 바꾸게 됩니다. 예시) 이름 : 국적 : 결과) 4. maxlength속성 maxlength속성은 텍스트 박스에 입력할 수 ..

[HTML & CSS] HTML5에 새로 추가된 input

이전글 HTML 입력 태그의 연장입니다. HTML5에 더욱 다양한 input의 type들이 추가되었습니다. 1. 색상설정(color) 2. 날짜 입력(data) 3. 시간 입력(time) 4. 날짜 & 시간 입력(datetime-local) 5. 연도 & 월 입력(month) 6. 연 & 주 입력(week) 7. 숫자 입력(number) 8. 범위 지정(range) 9. 이메일 입력(email) 10. URL 주소 입력(url) 11. 검색어 입력(search) 1. 색상설정(color) 태그의 type을 color로 설정하면 브라우저에서 원하는 색상을 선택할 수 있습니다. 예시) 결과) 2. 날짜 입력(data) 태그의 type을 data로 설정하면 브라우저에서 원하는 날짜를 (YYYY-MM-DD)선택..

[Python] 파이썬 깊은복사(DeepCopy)

파이썬에는 깊은복사(deepcopy)와 얕은복사(shallowcopy)가 있습니다.  이 두 개념을 알기 전에 파이썬 객체들의 특성에 대해 파악해 보겠습니다.  1. mutable, immutable 객체  파이썬에서 변수는 자신에게 대입된 객체를 가리키는 일종의 포인터 같은 역할을 합니다. 변수는 저장공간을 가지지 않고 객체의 주소를 저장하고 있습니다.  a = 1  a는 1을 가지고 있는것이 아니라. 1이라는 integer객체의 주소를 가지고 있게 됩니다.  여기서 mutable의 개념이 나오게 됩니다. mutable속성의 객체는 다음과 같습니다.class구분listmutablesetmutabledictmutableboolimmutableintimmutablefloatimmutabletupleimmu..

[HTML & CSS] HTML 입력 태그

이전글 HTML sementic태그의 연장입니다. 1. form태그 2. input태그 1. 태그 태그는 웹 페이지에서의 입력 양식을 의미합니다. 로그인창등이 해당됩니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리합니다. 태그에는 다음과 같은 속성들이 사용됩니다. name : 폼의 이름 action : 폼 데이터가 전송되는 백엔드 url method : 폼 전송 방식(GET / POST) GET 방식 : 주소에 데이터를 추가하여 서버에 전달하는 방식이며 중요도가 낮은 데이터를 전달할 때 주로 사용 POST 방식 : 데이터를 별도로 첨부하여 전달하는 방식이며 보안성 및 활용성이 GET방식보다 훌륭 2. 태그 태그는 전체..

[HTML & CSS] sementic 태그

이전글 iframe의 연장입니다. HTML5에서는 웹페이지의 레이아웃을 만들어주는 태그가 존재하는데, sementic(의미) 태그라고 부릅니다. 웹브라우저나 개발자에게 명확한 의미를 전달하는 태그입니다. header 부분입니다. nav 부분입니다. section1 부분입니다 article1 부분입니다 section2 부분입니다 article2 부분입니다 aside 부분입니다. footer 부분입니다. 결과) 위키독스