일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- activity
- data
- scroll
- 테스트
- Dialog
- 안드로이드
- 계측
- Compose
- Flutter
- TEST
- ScrollView
- android
- drift
- textview
- Button
- intent
- binding
- livedata
- Coroutines
- Navigation
- DART
- 앱바
- LifeCycle
- textfield
- viewmodel
- tabbar
- CustomScrollView
- Kotlin
- 앱
- appbar
- Today
- Total
목록분류 전체보기 (364)
Study Record

드롭다운 목록 만들기(, , )여러 옵션 중에서 선택하도록 하고 싶을 때 드롭다운 목록을 사용한다. 드롭다운 목록은 태그와 태그를 이용해 표시한다. 속성size : 화면에 표시될 드롭다운 메뉴의 항목 개수를 지정한다(크롬의 경우 size에서 지정한 개수보다 하나 더 많은 옵션이 표시된다)multiple : 여러 개의 옵션이 함께 표시도면 Ctrl 키를 누른 상태로 드롭다운 메뉴에 있는 여러 항목을 선택할 수 있다. 속성value : 옵션을 선택했을 때 서버로 넘겨질 값을 지정한다.selected : 화면에 표시될 때 기본으로 선택되어 있는 옵션을 지정한다. 간단한 예시) 사과 레몬 딸기 multiple 속성으로 여러 항목을 선택할 때는 ctrl 키를 누른 채로 선택이 가능하다 ..

태그웹에서 사용자가 입력할 부분은 주로 태그를 이용해 넣는다. 폼에서 사용자 입력을 받기 위해 사용하는 태그이다. 태그로 입력 항목 만들기웹에서의 폼은 크게 사용자가 입력하는 부분과 입력한 내용을 서버로 보내는 버튼 부분으로 나눌 수 있다. input 태그로 만들 수 있는 폼 요소가 상당히 많은데 그것은 type 속성을 이용해 구분한다. + id 속성 사용하기여러번 사용된 폼 요소를 구분하기 위해 사용하는 것이 id속성이다. 여러가지 type 유형 살펴보기 히든 필드 만들기(type="hidden")히든 필드는 화면상의 폼에는 보이지 않지만 사용자가 입력을 마치고 폼을 서버로 전송할 때 서버로 함께 전송되는 요소이다. 보통 사용자에게 굳이 보여 줄 필요가 없지만 관리자가 알아야 하는 것을 ..

폼(form)웹 폼은 특정 항목에 사용자가 뭔가를 입력하는 형태로 우리가 익숙하게 사용하는 로그인 창이 바로 웹 폼을 이용한 대표적인 사례이다. 태그로 폼 만들기 태그는 폼을 만드는 가장 기본적인 태그로 태그 안에 여러가지 폼 관련 태그를 넣는다.method : 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. - get : 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. - post : 입력 길이 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다.name : 폼의 이름을 지전한다.action : 태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정한다.target : 태그에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 지정한..

순서 없는 목록 만들기 , 태그순서가 필요하지 않는 목록을 만들 때는 ul 태그를 사용하고 각 항목으로 li 태그를 사용한다. 일반 전화 이메일 휴대 전화 순서 있는 목록 만들기 , 태그항목을 나열하되 순서가 필요한 목록을 만들 때는 태그 대신 태그로 사용한다. 여러 속성들과 함께 사용하여 목록의 숫자 표기 방법이나 시작하는 숫자 등을 바꿀 수 있다. 한라 수목원 산방산 광교산 설악산 해수욕장 한라 수목원 산방산 광교산 설악산 해수욕장 태그 생략과 목록 중첩 태그를 생략해도 태그가 다음에 오는 태그를 만나면 자동으로 그 전에 태그가 있는 것처럼 인식한다. 한라 수목원 산방산 광교산 설악산 해..
웹 호스팅 서비스HTML 로 웹 사이트를 만들고 그 내용을 다른 사람이 볼 수 있도록 하려면 HTML로 만든 웹 문서를 모두 서버 컴퓨터로 옮겨야 한다. 개인은 웹 서버를 마련하기 어렵기 때문에 서버의 일부 공간을 매달 또는 몇 년마다 일정 금액을 내고 사용하는 서비스를 이용한다. 이것을 서버 호스팅 서비스 또는 웹 호스팅 서비스라고 한다. 무료 호스팅 서비스 닷홈웹 문서들을 업로드할 수 있는 무료 쉡 서버 공간 중 하나로 닷홈의 호스팅 서비스를 이용할 수 있습니다. 닷홈은 1년 간 무료로 사용할 수 있으며 1년이 지나면 연장 신청을 해야 무료로 계속 사용할 수 있다. https://www.dothome.co.kr/ 무료홈페이지 | 무료호스팅 | 닷홈닷홈은 도메인, 무료호스팅, 무료홈페이지, 웹호스..
특수문자 입력하기기본적으로 "자음 + 한자" 키를 누르면 마우스 커서 바로 아래나 화면 오른쪽 구석에 특수 문자가 표시된다. 특수 기호 입력하기HTML 소스에서 공백이나 괄호같은 문자들은 소스 기호로 인식하지 않고 그대로 화면에 인식하기 때문에 여러 개의 공백을 나타내려면 공백을 나타내는 특수 기호를 사용해야 한다. 검색창에 "HTML 특수 기호 엔티티 테이블"을 검색하면 된다. 화면표시특수 기호화면표시특수기호&&(공백 한 칸) <>>""||(()),,--'´ *공백에 관하여서는 태그를 사용하면 소스에 표시한 공백이 브라우저에 그대로 표시된다.
시맨틱 태그문서 구조를 정의할 수 있는 새로운 요소들이 도입되어 태그만 보고도 쉽게 페이지 구조를 이해할 수 있다. 사람들이 소스를 쉽게 이해할 수 있도록 태그를 의미가 통하게, 즉 시맨틱 태그로 바뀐 것이다. 즉, 사람들이 소스를 쉽게 이해할 수 있도록 의미가 통하는이라는 영어 단어를 사용한 말로 HTML5부터 도입된 태그를 시맨틱 태그라고 한다. 레이아웃을 위한 HTML5 시맨틱 태그들 사랑합니다 웹 브라우저 버전 고려하기HTML5 태그를 지원하지 않는 브라우저들이 있다. 모든 사용자들이 최신 웹 브라우저를 사용하는 것은 아니기 때문에 그런 사용자들까지 고려해야 한다. 브라우저는 자신이 인식하지 못하는 태그를 만나게 되면 인라인 태그로 취급하게 된다. 하지만 ..

웹 문서와 이미지웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질은 좋게 유지해야 하기 때문에 몇 가지 파일 형식만 사용할 수 있다. 파일 형식GIF : 표시할 수 있는 색상 수가 최대 256가지뿐이지만 다른 이미지 형식에 비해 파일 크기가 작다. 투명한 배경이나 움직이는 이미지를 만들 수 있다.JPG/JPEG : 사진을 위해 개발된 형식으로 GIF보다 다양한 색상과 명암을 표현할 수 있다. 저장을 반복하면 화질이 떨어질 수 있다. 투명한 배경을 만들 수 없다.PNG : 투명 배경을 만들면서 다양한 색상도 표현할 수 있다. 네트워크용으로도 개발되었기 때문에 많이 사용된다. 이미지 관련 태그이미지를 표현할 수 있는 태그는 이다. 태그웹 문서에 이미지를 삽일할 때 사용..