코딩 초보 개발 일지

10. HTML 추가 입력양식태그 · 추가 태그 13가지 >>>>>>>>>>> 결과

03. 웹 콘텐츠를 담는 태그 · 텍스트 태그 텍스트를 저장할 때 사용하는 태그 : h1~h6 (타이틀), p(문단) - 중요도에 따라 가장 중요한 타이틀을 h1에 저장함 텍스트를 저장할 때 사용하는 태그는 h1 ~ h6, p 태그이다. · 이미지 태그 이미지를 저장할 때 사용하는 태그 : img - 필수 속성 src를 이용해 이미지를 html 문서에 포함 시킨다. ( 상대 or 절대 경로를 부여함 ) - 상대 경로 : 내가 작성하는 파일의 위치에서 경로가 시작하는 것 ( none, ./, ../ ) ( / : 해당 파일 하단으로 이동) 절대 경로 : 루트 디렉터리에서 경로가 시작하는 것 ( - 필수 속성이 아닌 alt를 이용해 이미지에 대한 설명을 작성, 웹 접근성을 향상시키기 위해 웹 표준에서는 권장..

▣ HTML5 ▣ 05. 하이퍼링크 · 하이퍼링크 태그 - a 태그는 '다른 웹페이지'로 이동하거나 웹페이지 내부의 특정 위치로 이동할 때 사용한다. - 태그의 기능으로 조작된 문서('정보 구조')를 구성할 수 있다. - href 속성값으로 #(더미 링크), 상대 경로, 절대 경로, URL 경로, 아이디 경로, 메일 경로, 전화 경로(모바일) 등을 사용 할 수 있다. · 하이퍼링크를 적용해 다른 웹페이지 또는 웹페이지 내부의 특정 위치로 이동하는 예제 최하단 이동 상대 경로를 적용한 하이퍼링크 태그 메인페이지 서브페이지01 서브페이지02 절대 경로를 적용한 하이퍼링크 태그 메인페이지 서브페이지01 서브페이지02 OL 태그 메인페이지 서브페이지01 서브페이지02 URL 경로 네이버 다음 구글 내부 링크 내..

HTML 기본문서 · 웹 컨텐츠의 4대 요소 1. 텍스트 2. 이미지 3. 비디오 4. 오디오 · HTML 태그의 역할 웹 컨텐츠를 저장하는 역할을 담당한다. · 선언문 : 문서타입이 html 이라고 선언하는 문장 (html 문서 최상위에서 선언) · 시작태그, 끝태그 시작태그 : ( / 없음) 끝태그 : ( / 있음) · 요소 (Element) 시작태그 + 텍스트 + 끝태그 : 왼쪽과 같이 구성되어 있음 ex) (← 시작태그) 웹 컨텐츠의 4대 요소 (← 텍스트) (← 끝태그) · 단일태그 끝태그가 없는 태그 (대부분 기능이 포함되어있음) ex) 웹 컨텐츠의 4대 요소 1. 텍스트 2. 이미지 3. 비디오 4. 오디오 HTML 태그의 역할 웹 컨텐츠를 저장하는 역할을 담당한다. 웹 접근성 · 웹 접근성..

HTML 시작 전 개발자 환경 구축하기 ● JavaScript Code 설치 https://code.visualstudio.com/ 접속 > 설치 파일 다운로드 후 설치 ※ VS code 설치 후 한국어 적용 1. 확장 아이콘 선택 > 검색 : Korean > Korean Language Pack for Visual Studio Code > install 2. F1 > Configure Display Language 입력 > locale 값 : 한국어 선택 > VS code Restart >> 한국어 적용 확인 ※ 비주얼 스튜디오코드 설정 1. 뷰바의 하단에 있는 톱니바퀴 아이콘(관리) > 색 테마 > 밝게 선택 ※ 비주얼 스튜디오코드 글꼴 설정 1. 뷰바의 하단에 있는 톱니바퀴 아이콘(관리) > 설정 ..

▶ 조건문 // 3가지 형태 1. 조건에 맞으면 실행O 없으면 x if() {실행할 문장} 2. 조건에 맞으면 실행O 없으면 else문 if() {실행할 문장} else {거짓일 때 실행할 문장} 3. 조건에 맞으면 실행O 아니면 또다른 조건 if() {} if else{참일 때 실행 할 문장} else{거짓일 때 실행할 문장} ◈ if문 System.out.println("----------예제 1-----------------"); System.out.println("▶n을 10 초기화, n이 5 이상이면 변수 i에 +1 해라"); int n = 10; int i = 0; if(n >= 5) { i++; } System.out.println("n이 5이상인 경우 i값 :"+i); System.out...

▶ 연산자 (산술,대입,비교,증감,논리,비트,기타) ◈ 산술 연산자 (+, -, *, / ... %) 정수/정수 = 몫 정수%정수 = 나머지 (double)정수/정수=실수 강제형변환 -자동형변환 System.out.println("--------산술연산자---------"); int num1 = 10, num2 = 3; int n = 10; System.out.println(num1 + num2); System.out.println(num1 - num2); System.out.println(num1 * num2); System.out.println(num1 / num2); System.out.println(num1 % num2); ◈ 대입 연산자 (=) ★ = (대입), == (같다) n = n + 2;..

▶ 변수 - 값을 저장할 수 있는 메모리 공간 클래스 생성시에는 클래스 이름과 파일 이름이 동일해야한다. 정수형 변수 public class Java_ex_1_1 { public static void main(String[] args) { System.out.println("Start JAVA"); int num = 10;// 정수값만 저장할 수 있는 변수 System.out.println(num); } } 데이터를 주고 받는 기본 단위 : 8bit = 1byte 2*8 만큼 데이터 표현 가능 (0~255; 256개) ▶ 각 자료형마다 크기가 정해져있음 - 정수 : int (4byte) - 실수 : 부동소수점 방식 float(4byte), double(8byte) (소수점 오차가 있어 크기가 작은 실수 ..