국비 수업 (22.02.25~08.29)

3) 자바, html 기초 2022.03.02

Song쏭 2022. 10. 17. 21:36

오전 자바

 

VariExam01

VariExam02

Practice

Practice02

 

지역변수 : 해당되는 곳에서만 사용하는 변수. 반드시 초기화해야함

 

변수의 타입 = 그릇의 종류

 

 

     Int     a  = 3

변수타입 변수

 

=> 문자 ('3', 'a'), 숫자(실수,정수)

 

<변수의 타입>

  1. 기본형 : 실제 data 저장

boolean(논리형) 1byte : true,false

char(문자형) 2byte

정수형(byte 1byte , short 2byte ,int 4byte ,long 8byte)

실수형(float 4byte 정밀도7자리 , double 8byte 정밀도15자리.기본형)

 

*  Int double 기본형이라 안붙여도 이상 없고,

Float 뒤에 f붙여야하고, Long 뒤에 L붙여야해

 

  1. 참조형 : 객체의 주소(memory address) 담고 있는

문자열, ArreyList, String

클래스이름으로 참조타입을 만들어진다??

 

 

상수 : 값을 저장하면 다른 값으로 변경할 없다. / 선언하고 초기화 시켜주는게 좋음

Final 변수명 = ;

String name = "홍길동"

 

  • 상수는 변경 불가능!!!

Final int AGE = 23;

AGE = 80;

 

  • 변수는 일반적으로 값을 변경할수있음

Int age = 23;

age = 40;

 

 

변수(variable) : 하나의 값을 저장할 있는 저장공간

상수(constant) : 한번만 값을 저장할 있는 저장공간

리터럴(literal) : 자체로 값을 의미. 변수에 저장되는

 

 

Final int MAX_KOR = 70;

                    상수     리터럴

 

 

<삼각형 사각형 넓이로 예시>

 

Final int WIDTH = 30;

Final int HEIGHT =50;

 

Int triArea = (WIDTH * HEIGHT) /2

Int rectArea = WIDTH * HEIGHT

 

=========

 

Printf 프린트포맷 => 줄바꿈 없음

 

 

+: 문자열 연결 연산자

 

\t 일정한 간격띄우기

 

% 나머지 구하기

 

 

<예제1>

정수3

Num1=10

Num2=30

Num3=50

출력값

합계 num1+num2+num3 = ~~

평균

 

<예제2>

원의 넓이 구하기 출력

R r pi

 

 

오후 html

Head부분에 css, javascript 등을 표시한다.

나머지는 body부분에

 

<문단>

Div 그냥 상자

P 글자들을 담는  상자

Span 부분적 상자 꾸밀때쓰이는 상자 p나div안에 들어간다.

 

Ul unordered list 순서없는 목록

Ol odered list 순서있는 목록

 

 

<UI>

<li></li>

<li>여름</li>

</UI>

 

Emmet활용하기!!!!!!!!        

Ex) li*6 => li여섯줄 나옴

 

<li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

여기 사이에 ctrl alt 방향키써서 한번에 중간 채워넣을수잇음

 

Div>ui > 자식

Div li 공백은 후손

 

ul>li*3

Ul밑에 li 세개

 

ul>li*3>a

 

div>ul>li*6{메뉴}

<div>

  <ul>

    <li>메뉴</li>

    <li>메뉴</li>

    <li>메뉴</li>

    <li>메뉴</li>

    <li>메뉴</li>

    <li>메뉴</li>

  </ul>

</div>

 

<경로 설정>

  1. 절대경로 : http://www.naver.com
  2. 상대경로 : ex)학교안에 교실들 교실로 들어가고 나와서 물건을 찾아오는거

있는 곳을 기준으로 경로 설정

./ 열고 들어가

../ 열고 나와

 

Li 자동으로 줄바꿈

A 하이퍼링크는 자동줄바꿈 안되서 br필요

 

 

 

 

<!DOCTYPE html>

<html lang="ko">

<head>

  <meta charset="UTF-8">

  <title>순서 없는 목록 순서있는 목록</title>

</head>

<body>

  <h1>순서 없는 목록</h1>

  <!-- <ul> </ul> : unordered list, 순서 없는 목록

    <li></li> : 리스트, 항목

  -->

  <ul>

    <li></li>

    <li>여름</li>

    <li>가을</li>

    <li>겨울</li>

  </ul>

<hr/>

<h1>순서 있는 목록</h1>

<!-- <ol> </ol> : ordered list, 순서 있는 목록

    <li></li> : 리스트, 항목

  -->

<ol>

  <li></li>

  <li>여름</li>

  <li>가을</li>

  <li>겨울</li>

</ol>

<hr/>

<!--부분선택

1) ctrl alt 시작부분클릭

2) ctrl alt 방향키

 

클래스 .    div>ul>li.클래스이름*반복할 횟수{반복할 내용}

아이디 #    h1#아이디이름{내용}

-->

 

.test {

Color

 

<h1>클래스연습</h1>

<h1 class="test"</h1>  <!--같은class에 같은스타일 적용되는것. Head부분에 스타일 입력하면  -->

<div>

  <ul>

    <li class="test">메뉴</li>

    <li class="test">메뉴</li>

    <li class="test">메뉴</li>

    <li class="test">메뉴</li>

    <li class="test">메뉴</li>

  </ul>

</div>

<hr/>

<h1 id="testId">아이디연습</h1>

<div>

  <ul>

    <li>메뉴</li>

    <li>메뉴</li>

    <li>메뉴</li>

    <li>메뉴</li>

  </ul>

</div>

<hr/>

<div>

<ul>

  <li>상위메뉴1

    <ul>

      <li>하위메뉴1</li>

      <li>하위메뉴2</li>

      <li>하위메뉴3</li>

    </ul>

  </li>

  <li>상위메뉴2</li>

  <li>상위메뉴3</li>

</ul>

</div>

<hr/>

<!-- 고학년, 중학년, 저학년 (부모)

      6~1학년 (자식)-->

<div>

  <ul>

    <li>고학년

      <ul>

        <li>6학년</li>

        <li>5학년</li>

      </ul>

    </li>

    <li>중학년

      <ul>

      <li>4학년</li>

      <li>3학년</li>

    </ul>

    </li>

    <li>저학년

      <ul>

        <li>2학년</li>

        <li>1학년</li>

      </ul>

    </li>

   

<hr/>

  </ul>

</div>

 

</body>

</html>

 

Exam04.html

Exam05.html