HelloSpring

2021/01/08 - [공부/자바(java) 융합개발자 2차] - [자바 기초] 18일차 일지 - Ch8. CSS3 효과와 애니메이션 Chapter 09 자바스크립트 기본 문법 01 자바스크립트 개요 02 데이터 타입과 변수 03 연산자 04 제어문 학습목표 자바스크립트의 역할을 설명할 수 있다. 자바스크립트 코드를 HTML5 문서에 포함하는 방법을 설명할 수 있다. 자바스크립트 기본 문법을 알고 이를 활용하여 코드를 작성할 수 있다. 연산자와 제어문의 종류를 알고 이를 활용하여 코드를 작성할 수 있다 Chapter 09 자바스크립트 기본 문법 01 자바스크립트 개요 1. 자바스크립트의 역할 자바스크립트 웹 문서를 동적으로 제어하기 위해 고안된 프로그래밍 언어 웹 삼총사 HTML : 모델 담당(Data..

2021/01/07 - [분류 전체보기] - [자바 기초] 17일차 일지 - Ch7. CSS3 속성 Chapter 08 CSS3 효과와 애니메이션 CSS 속성 조절 - JavaScript 함수 조절 width:30px a(30) 01 속성 효과 02 2차원 변환 효과 03 3차원 변환 효과 04 변화 효과 05 애니메이션 학습목표 불투명도, 가시성, 형식 변환, 그레이디언트 속성의 사용법을 알고 적용할 수 있다. 2차원 변환 함수의 종류를 알고 적용할 수 있다. 3차원 변환 함수의 종류를 알고 적용할 수 있다. CSS3에서 제공하는 애니메이션 속성의 종류를 알고 적용할 수 있다 Chapter 08 CSS3 효과와 애니메이션 01 속성 효과 1. 불투명도 속성 예제 8-1 마우스를 올리면 선명하게 보이게 ..

Chapter 07 CSS3 속성 01 박스 모델 : 디자인 02 테두리 속성 : border 03 박스 속성 04 레이아웃 속성 : 위치, 배치에 대한 속성 05 표 속성 : 표를 꾸미는 데 들어가는 디테일, 셀의 여백, 윤곽선 등 학습목표 박스 모델의 개념을 이해하고, 박스 크기를 원하는 대로 설정할 수 있다. 테두리 속성의 종류를 알고 활용할 수 있다. 웹 문서 내 원하는 위치에 요소를 배치할 수 있다. 표와 관련된 속성을 알고 활용할 수 있다. Chapter 07 CSS3 속성 01 박스 모델 1. 박스 모델의 개념 박스 모델 웹 문서에 텍스트, 이미지, 테이블 등의 요소를 배치하기 위해 사용 웹 문서의 전체 레이아웃을 정의 각종 요소들을 원하는 위치에 배치 박스의 속성 content : 실제 내..

모던 웹을 위한 HTML5+CSS3 바이블 국내도서 저자 : 윤인성 출판 : 한빛미디어 2019.05.01 상세보기 2021/01/06 - [공부/자바 융합개발] - [자바 기초] 16일차 일지 1 - 화면(UI)구현(Ch6. 공간 분할 태그) 2021/01/06 - [공부/자바 융합개발] - [자바 기초] 16일차 일지 2 - Ch6. CSS3 기본 사용법과 선택자 Chapter 02 HTML5 태그 기본 목차 2.1 HTML5 기본 용어 정리 태그와 요소 속성 주석 2.2 HTML5 페이지 구조 2.3 글자 태그 제목 본문 앵커 태그 글자 형태 루비 문자 2.4 목록 태그 기본 목록 정의 목록 2.5 테이블 태그 테이블 태그 기본 테이블 태그의 속성 2.6 이미지 태그 2.7 오디오 태그 audio ..

2021/01/06 - [공부/자바 융합개발] - [자바 기초] 16일차 일지 1 - 화면(UI)구현(Ch6. 공간 분할 태그) Chapter 06 CSS3 기본 사용법과 선택자 01 CSS3 개요 02 CSS3 기본 사용법 03 CSS3 선택자 학습목표 웹 문서 내에서 CSS의 필요성을 이해하고 설명할 수 있다. CSS3의 정의 문법, 웹 문서 내 사용 위치, 중복 정의됐을 경우 우선순위를 설명할 수 있다. CSS3 선택자의 종류를 알고 웹 문서 작성 시 활용할 수 있다. 01 CSS3 개요 1. CSS3 소개 CSS3 : style sheet 3버전을 쓴다 스타일 시트 표준안 웹 문서에 글꼴, 색상, 정렬과 각 요소의 배치 방법 등과 같은 디자인 요소를 적용하는 데 사용 CSS3의 구성 선택자(Sel..

2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 1 - 화면(UI)구현(Ch4. 멀티미디어 태그) 2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 2 - 화면(UI)구현(Ch5. 입력 양식 태그와 공간 분할 태그) 2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 3 - 화면(UI)구현(Ch6. 입력 양식 태그와 공간 분할 태그) 이때까지는 눈에 보이는 것들을 다뤘다면 공간은 배치, 눈에 보이는 것은 아니지만 영역을 나누는 것(레이아웃) -> 배경색 넣을 수도 있음 03 공간 분할 태그 1. div와 span - 두개 다 목적(공간 분할)은 같다. 태그 웹 브라우저 전체 공간에 대해 분할 -> 여러 부분을 같이 묶어..

2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 1 - 화면(UI)구현(Ch4. 멀티미디어 태그) 2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 2 - 화면(UI)구현(Ch5. 입력 양식 태그와 공간 분할 태그) 02 입력 양식 태그 1. 제출/초기화 양식 제출 양식 입력 데이터를 처리하기 위한 버튼 정의 폼 태그의 action 속성에 지정된 파일로 값 전송 예제 5-3 제출 양식 만들기 ch05/03_submit.html - input type은 반드시 form이 존재 - submit은 action이 붙는다? 입력 양식 데이터 전송 버튼 이름 : 학과 : 초기화 양식 폼에 입력한 데이터 모두 초기화 reset의 범위는 form 안의 내용임 ..

2020/12/31 - [공부/자바 융합개발] - [자바 기초] 13일차 일지 1 - 화면(UI)구현(Ch.1 웹 프로그래밍의 개요) 2020/12/31 - [공부/자바 융합개발] - [자바 기초] 13일차 일지 2 - 화면(UI)구현(Ch.2 웹 프로그래밍 실습 환경 구축) 2020/12/31 - [공부/자바 융합개발] - [자바 기초] 13일차 일지 3 - 화면(UI)구현(Ch.3 HTML5 문서 구조와 작성 규칙, Bracket 브라켓 설치) 2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 1 - 화면(UI)구현(Ch3. HTML5 문서 구조와 작성 규칙, 예제 실습) 2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 2 - 화면(UI)구현..

2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 1 - 화면(UI)구현(Ch3. HTML5 문서 구조와 작성 규칙, 예제 실습) 2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 2 - 화면(UI)구현(Ch4. 기본 태그와 멀티미디어 태그) 03 멀티미디어 태그 개요 임베디드 콘텐츠 태그 - 임베디드 : 내장하다(웹 페이지에 글이 아닌 이미지, 그래픽 그리기, 오디오, 동영상, 미디어, 개체를 내장시킨다) - 멀티미디어 데이터를 웹 문서에 포함할 때 사용하는 태그 - 주로 사용하는 것 : img, audio, video - embed(개체삽입) : 예전에는 Youtube같은 걸 flash로 넣었는데 지금은 HTML5로 바꾸었다 1. ★ 이미지 ★..

2020/12/31 - [자바 프로그래밍] - [자바 기초] 13일차 일지 1 - 화면(UI)구현(Ch.1 웹 프로그래밍의 개요) 2020/12/31 - [자바 프로그래밍] - [자바 기초] 13일차 일지 2 - 화면(UI)구현(Ch.2 웹 프로그래밍 실습 환경 구축) 2020/12/31 - [자바 프로그래밍] - [자바 기초] 13일차 일지 3 - 화면(UI)구현(Ch.3 HTML5 문서 구조와 작성 규칙, Bracket 브라켓 설치) 목차 01 HTML5 문서의 구조 02 HTML5 문서의 작성 규칙 03 태그의 분류 04 태그의 속성 05 웹 문서의 레이아웃 01 HTML5 문서의 구조 1. HTML5 문서의 구조 HTML 문서의 기본 구조 HTML5 문서를 선언하는 구문(Document, 문서) ..