분류 전체보기
-
[HTML] HTML 문서 기본개발 프로세스/Front-end 2021. 4. 13. 19:16
1. HTML 문서 구성 글자 크기 제일 큰 제목 제목 제목 제목 제목 글자 크기 제일 작은 제목 단락 구분선 줄바꿈 h1, h2 ...h6 : heading. 이 가장 큰 제목이고 가 가장 작은 제목이다. : 툴팁(tooltip). 객체 위에 마우스 커서 올려놨을 때 뜨는 문구. 모든 태그의 title 속성으로 들어감. : paragraph. 로 끝나는 문단 다음에는 자동으로 빈 줄이 생긴다. : horizontal. 종료 태그가 없다. 개발자 포맷 그대로 출력하기, 텍스트 꾸미기 진하게. 단순 텍스트 표시 진하게(강조). 브라우저에 중요하다고 알림. 웹 접근성에 기여. 기울임(강조). 브라우저에 중요하다고 알림. 웹 접근성에 기여. 이탤릭체 (기울임). 단순 텍스트 표시 작게 중앙선 밑줄 위첨자 아래..
-
[HTML] 웹폼 Webform : 색 입력, 시간 정보 입력, 숫자 입력, 파일 선택개발 프로세스/Front-end 2021. 4. 13. 16:43
5. 색 입력 컬러 다이얼로그를 출력하여 색을 입력받는다. 색 선택 value : 컬러 다이얼로그의 초기 색. 색 선택 6. 시간 정보 입력 type 속성값 입력 데이터 value(초기값) 형식 년/월 2021-04 년/몇 번째 주 2021-W15 년/월/일 2021-04-13 시/분 15:09 해당 나라의 시간 년/월/일/오전, 오후/시/분/초/100분의 1초 2021-04-13T15:09:10.32 month : week : date : time : local : 7. 숫자 입력 스핀 버튼으로 정교한 값 입력 제작권수 : 슬라이드바로 대략적인 값 입력 표지두께 : 1mm 5mm 제작권수 : 표지두께 : 1mm 5mm 9. 파일 선택하기
-
[HTML] 웹폼 Webform : <label>, <fieldset>개발 프로세스/Front-end 2021. 4. 13. 16:36
4. 로 폼 요소의 캡션 만들기 태그를 이용하면 캡션과 폼 요소를 한 단위로 묶어 많은 장점을 가진다. 대표적으로 캡션 문자열 위에 마우스를 클릭해도 폼 요소를 클릭한 것으로 처리된다. 을 사용하는 방법에는 다음 두 가지가 있다. 짜장면 짜장면 : 10. 폼 요소들의 그룹핑, 태그로 폼 요소들을 그룹으로 묶을 수 있으며, 그룹의 제목은 태그로 표현한다. 예약자 정보 예약자 : 휴대폰 : 예약인원 : 2명 3명 4명 5명 6명 7명 8명 예약자 정보 예약자 : 휴대폰 : 예약인원 : 2명 3명 4명 5명 6명 7명 8명
-
[HTML] 웹폼 Webform : 텍스트 입력, 선택형 입력, 형식을 가진 텍스트 입력개발 프로세스/Front-end 2021. 4. 12. 15:46
1. 텍스트 입력 여러 줄 텍스트를 입력 받을 때 cols, rows: 텍스트 입력창의 크기로 가로세로 문자 수 (영어를 기준으로) wrap : 자동 줄바꿈 처리 지정 데이터 목록을 가진 텍스트 입력 창. 태그의 list 속성 값과 의 id 속성 값을 동일하게 주어 이 둘을 연결한다. 검색어 자동완성 혹은 제이어 기능 구현을 가능하게 해준다. 나라 : 3. 선택형 입력 짜장면 짬뽕 탕수육 value : 폼 요소가 선택된 상태일 때, 웹서버에 전송되는 값 checked : 초기에 선택 상태로 출력 name 속상 값이 같은 라디오 버튼들이 하나의 그룹을 형성하고, 그 중 하나만 선택되는 폼 요소. 짬뽕
-
[HTML] 웹폼 Webform개발 프로세스/Front-end 2021. 4. 9. 17:41
1. 폼 이해하기 웹 폼은 로그인, 등록, 검색, 예약,쇼핑 등의 다양한 웹서비스에서 사용자의 입력을 받기위해 사용된다. HTML5에서는 , , 등의 태그들을 제공하며 이 태그들을 폼 요소(form element)라고 부른다. 1-1. 폼 태그, ... 여러 개의 폼 요소 작성 action : 폼 데이터를 처리할 웹 서버 응용프로그램 이름 URL entype : 폼 데이터를 웹 서버로 전송할 때 암호화 방식 지정 method : 폼 데이터를 웹 서버에 전송하는 방식 target : 웹 서버 응용프로그램으로부터 전송받은 데이터를 출력할 윈도우 이름 1-2. 간단한 로그인 폼 사용자 ID : 비밀 번호 : ... : 폼 요소들을 담는다. : 문자열 압력 창을 만드는 태그. 창의 크기는 15문자 크기로 한다...
-
[Java] 입력과 출력개발 프로세스/Back-end 2021. 4. 8. 15:41
1. 값을 입력받는 Scanner 클래스 import java.util.Scanner;# 1-1 public class Ex02_02 { public static void main(String[] args) { int a, b; Scanner s = new Scanner(System.in);# 1-2 a = s.nextInt();# 1-3 b = s.nextInt();# 1-4 } } 1-1. 프로그램이 Scanner에 대해 이해하지 못하기 때문에 관련 패키지나 클래스를 임포트해야 한다. 1-2. 문자나 숫자를 입력받기 위한 Scanner 클래스를 사용한다. 1-3. a에 들어갈 값을 키보드로 입력받는다. 1-4. b에 들어갈 값을 키보드로 입력받는다. next( ) : 사용자의 입력을 문자열로 받는 메..