본문 바로가기

학교 & 학원 이론 수업/네이버 클라우드 AIaaS 개발자 양성 과정

사전교육 2일차 (2023.02.01)

JS Code 

           -javascript 쓰는 법 : 변수 선언 방법

           -<style> 주는 법 : 3가지. id로 주는 방법(#)과 클래스로 주는 법(.) , <div>로 주는 법

           -google font 가져다 쓰는 법 : <link> 복사해서 <head>밑에 붙여넣기 

 

 

(코드)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #stylea{
            /*너비:300px*/ width: 300px;
            /*높이:100px*/ height: 100px;
            /*가로 방향 가운데*/ text-align: center;
            /*세로 방향 가운데*/ line-height: 100px;
            /*왼쪽 마진 100px*/ margin-left: 100px;
            /*아래쪽 마진 50px*/ margin-bottom: 50px;
            /*배경색 연한 그린색 계통 아무거나*/ background-color: lightgoldenrodyellow;
            /*글자색은 핑크색 계열 아무거나*/ color: palevioletred;
            /*테두리선 10px solid 색 아무거나*/ border: 10px solid darkgreen;
            /*모서리 약간 둥글게*/ border-radius: 30px;
            /*글꼴*/ font-family: 'Gamja Flower';
        }
        #styleb{
            /*글꼴*/ font-family: 'Dokdo';
            /*너비:500px*/ width: 500px;
            /*높이:200px*/ height: 200px;
            /*글자크기 : 24px*/ font-size: 24px;
            /*안쪽 여백 : 위쪽 50px, 왼쪽 50px*/ padding-top: 50px;
                padding-left: 50px;
            /*글자색:파랑색*/ color: blue;
            /*배경색:하늘색*/ background-color: lightcyan;
            /*테두리선:5px inset gray*/ border:5px inset gray;
            /*박스쉐도우 알아서 주기*/ box-shadow: 5px 5px 5px lightgray;

        }

        .message{
            font-family: 'Jua';
        }

    </style>
</head>
<body>
    <h1 class="message">Have a Nice Day!!!</h1>
    <h3 id="stylea">현재 날짜와 시간</h3>
    <div id="styleb">
      <script>
            var date=new Date();
            var year=date.getFullYear();
            var month=date.getMonth()+1;
            var day=date.getDate();
            var hour=date.getHours();
            var minute=date.getMinutes();
            var second=date.getSeconds();
            var output=`오늘은 ${year}${month}${day}일입니다`;
            var writeput=`<br>현재 시간은 ${hour}${minute}${second}초입니다`;
            document.write(output);
            document.write(writeput);
      </script>
    </div>
</body>
</html>
 
 
(구동 화면)
 
 
 

Eclipse 

          -자료형과 변수, 연산자, if문, 형변환, 메소드

 

package day2;

public class Ex1DataType {

public static void main(String[] args) {

// TODO Auto-generated method stub

/*

* 정수 : byte(1)-short(2)-int(4)-long(8)

* 1byte = 8bit

* 실수 : float(4)-double(8) ps.실수는 double이 기본

* 문자(1글자) : char(2)

* 문자열 : String

* 논리 : boolean

*/

String name="안나";

/*class는 new를 줘서 만들지만 String은 없어도 됨*/

byte age=30;

//double weight=56.7;

float weight=56.7f;//숫자 뒤에 f를 붙이면 4바이트로 변환된다.

char grade='상';//작은따음표를 써야함. 큰따옴표면 String으로 인식.

boolean flag=false;

System.out.println("이름: "+name);

System.out.println("나이: "+age);

System.out.println("몸무게: "+weight+"kg");

System.out.println("등급: "+grade);

//조건연산자

// 조건식?참일때값:거짓일때값

String passOk=flag==true?"합격":"불합격";

System.out.println("자격증합격여부: "+passOk);

//간단한 if문

/*

* if(조건식)

* 참일때 값

* else

* 거짓일때값

*/

if(flag==true)

passOk="합격";

else

passOk="불합격";

System.out.println("자격증합격여부: "+passOk);

}

}

 

 

 

 

 

package day2;

public class Ex2DataType {

public static void main(String[] args) {

// TODO Auto-generated method stub

//byte는 1byte의 크기이므로 -128부터 127까지의 값만 저장된다

byte a=(byte)200;//(자료형):강제 형변환, 즉 cast연산자라고 한다

//큰값을 강제로 형변환 했을경우 값손실이 발생한다. (2의 보수값이다 참고로)

System.out.println(a);//-56: 2의 보수값임

 

//short는 2바이트이므로 -32768~32767

short b=32767;

System.out.println(b);

 

//연산자

//산술 연산자 : + - * / %

//증감 연산자 : ++ --

//논리 연산자 : &&(and), ||(or) , !(not)

//관계 연산자 : >, <, >=, <=, !=

//대입 연산자 : =, +=, -=, *=, /=, %=

//조건(3항) 연산자 : 조건식?참:거짓

 

int su1=5, su2=4;

int add,sub,mul,div,mod;

double div2, div3;

add=su1+su2;

sub=su1-su2;

mul=su1*su2;

div=su1/su2;//몫

mod=su1%su2;//나머지

div2=su1/su2;//int끼리의 계산은 결과도 무조건 int

div3=(double)su1/su2;//su1를 강제로 double로 변환후 연산 : double과 int 계산 결과는 double

//묵시적 형변환

System.out.println( su1+"+"+su2+"="+add);

System.out.println( su1+"-"+su2+"="+sub);

System.out.println( su1+"*"+su2+"="+mul);

System.out.println( su1+"/"+su2+"="+div);

System.out.println( su1+"/"+su2+"="+div2);

System.out.println( su1+"/"+su2+"="+div3);

System.out.println( su1+"%"+su2+"="+mod);

}

}

 

 

 

 

package day2;

public class Ex3DataType {

public static void main(String[] args) {

//TODO Auto-generated method stub

int su1=6, su2=4;

System.out.println("두수를 더한값은 "+su1+su2); //두수를 더한값은64 -라고 출력됨(문자열+숫자=문자열)

System.out.println("두수를 더한값은 "+(su1+su2));

System.out.println("두수를 뺀값은 "+(su1-su2));

System.out.println("두수를 뺀값은 "+su1*su2); // 곱하기가 더하기보다 우선순위가 높다

//증감연산

int a=5;

//a에 1을 더해서 6을 만드는 방법

a+=1; //a=a+1

System.out.println(a);

a++; // a의 값을 1 증가시킨다는 의미, ++이 뒤에 붙은 경우 "후치증감연산자"라고 함

++a; // 전치증감연산자. 단항에서 쓰일 경우에는 후치, 전치 결과가 같다

System.out.println(a);

 

//다른 수식과 같이 사용할경우에는 의미가 다르다

int x=3, y=2;

int result = x++ * ++y; // 3 x 3이 된다. 뒤에 것이 먼저 계산 됨

System.out.println(result); // 9, x는 3으로 계산된 뒤 맨 나중에 1 증가된다

System.out.println(x);

System.out.println(y);

int z=5;

System.out.println(z++);//5가 출력됨. 먼저 출력 후 증가. but 메모리에는 z이 6으로 저장되있음.

System.out.println(++z);//7이 출력됨. 먼저 증가 후 출력

// x+++++y 해버리면 오류 나버림 (전치인지 후치인지 인식 불가)

}

}

 

 

 

 

 

 

package day2;

public class Ex4DataType {

public static void main(String[] args) {

// TODO Auto-generated method stub

//삼항(조건) 연산자 연습

 

int score=57;

//char grade; // main 안에서 선언된 변수는 지역 변수

//System.out.println(grade); // 값 안주고 출력하면 에러남

char grade;

//grade=score>=90?'A':'B';

//grade=score>=90?'A':score>=80?'B':'C';

grade=score>=90?'A':score>=80?'B':score>=70?'C':score>=60?'D':'F';

System.out.println(score + " is " +grade);

 

}

}

 

 

 

package day2;

import java.util.Date;

public class Ex5Util {

public static void main(String[] args) {

// TODO Auto-generated method stub

//자바에서 날짜를 구하는 클래스로는 Date, Calendar 가 있다

//Date는 deprecate되었고 Calendar를 사용하는거를 권장한다

Date date=new Date();

int year=date.getYear()+1900;//1900을 뺀값을 반환한다

int month=date.getMonth()+1;//0~11의 값을 반환한다

int day=date.getDate();

 

int hour=date.getHours();

int mi=date.getMinutes();

 

System.out.println("오늘은 "+year+"년 "+month+"월 "+day+"일입니다");

System.out.println("현재 시간은 "+hour+"시 "+mi+"분입니다");

}

}