HighLight in your life~

prompt()문과 parseInt() 함수 사용

var memNum = prompt("관람객은 몇 명입니까?);

var memNum = parseInt(prompt("관람객은 몇 명입니까?));

자바스크립트, switch 문

switch(조건)
{
  case 값1: 명령1
    break;
  case 값2: 명령2
    break;
   ......
   default: 명령n
}

    <script>
        var session = prompt("관심 세션을 선택해 주세요. 1-세일즈, 2-광고, 3-개발, 4-디자인");

        switch(session) {
            case "1" : document.write("<p>세일즈 세션은 <strong>101호</strong>에서 개최됩니다.</p>")
              break;
            case "2" : document.write("<p>광고 세션은 <strong>102호</strong>에서 개최됩니다.</p>")
              break;
            case "3" : document.write("<p>개발 세션은 <strong>103호</strong>에서 개최됩니다.</p>")
              break;
            case "4" : document.write("<p>디자인 세션은 <strong>104호</strong>에서 개최됩니다.</p>")
              break;
            default: alert("잘 못 입력했습니다.");
        }

    </script>

(조건) ? true일 때 실행할 명령 : false일 때 실행할 명령

    <script>
        var userNumber = prompt("숫자를 입력하세요.");

        if(userNumber !== null)
          (userNumber %3 === 0) ? alert("3의 배수입니다.") : alert("3의 배수가 아닙니다.");
        else
          alert("입력이 취소됐습니다.");
    </script>

1. undefined : 자료형이 정의되지 않은 상태 / 변수를 선언한 상태에서 값이 할당되지 않은 상태

2. null : 변수에 할당된 값이 유효하지 않은 상태

클라우드 도입률 30%
빠르다 / 안전하다 / 싸다

DATA + AI + Oracle OCI

Multi Cloud / Public Cloud / Hybrid Cloud / Dedicated Cloud
12개 RAC이면 1개 Region 구성 가능하다.
현재 Region은 서울, 인천에 있다.

Oracle / Google Cloud / AWS / Azure

안전성 / 성능 / 보안
B2B 업무-> Cloud

Uber 95% -> OCI
년간 유지비 3000억

Price / Performance / Flexibility / Security

Data Lake on ADW / OCI

POSCO / Olive Young => 너무 싸게?
행사 시 10배 트래픽

Golden Gate : 복제 / 모니터링

대기유입시스템 -> Cloud

DB CPU 100% -> 20% 내외

온라인만 -> Cloud OK
Legacy -> Cloud 전환 예정

2021 트래블로그 / 하나카드
하나머니앱 / 무료전환
수수료 없이 이용 가능

Exa - CPU / 메모리
온라인에서 자유 자제로 수량 조절 가능

B2B 특화 클라우드 : OCI

Oracle DB version 별 New Feature

LLM -> Vector DB / vector type / RAG

RAG / vector / Partitioning / 샤딩

Autonomous DB

SQL Domain - 데이터 신규 타입
Annotatoins - 데이터 사용 의도 정보

'23년 9월 - Oracle Azure RAC 지원

[웹디자인 기능사 실기] 인강, 책 없이 독학 5일만에 합격/ 실기 원서접수/ 공부Tip, 참고자료/ Vscode 사용가능/ 충북국가자격시험장 정보

https://blog.naver.com/nayoung4089/222514710926

웹디자인기능사실기 독학

https://hday11.tistory.com/54

------------------------------------------------------------------------------------------------------------------------------------------------------------

https://www.youtube.com/@leeminiT

https://www.youtube.com/watch?v=vt-ApE3u33c&list=PL6i7rGeEmTvq0GUcB4DJMrHv00qFmJcjd

https://www.youtube.com/@Ezweb

https://www.youtube.com/watch?v=ywko8lxhKt0

https://www.youtube.com/watch?v=s6Z4bUpsXog&list=PLdwQP35_Nz9cBsOMdiefuk3QnUGSEvsUH

https://www.youtube.com/watch?v=jeqcMiJuLyM&list=PLv_UUi9AVBVuuHVun1dp6Qp8bTAfuvrND

https://www.youtube.com/watch?v=_X_er4B4E08

------------------------------------------------------------------------------------------------------------------------------------------------------------

1. jQuery 공식 자습 웹 사이트

https://docs.jquery.com/Tutorials

http://visualjquery.com

HTML 주석 : <!-- 주석문 -->
CSS 주석 : /* 주석문 */

2.  객체: 기본 데이터 타입을 제외한 모든 것을 복합 데이터로 인식함
let myDate = new Date(); // Date 객체를 생성하여 myDate 변수에 저장한다
myDate.getHours(); // Date 객체에서 현재 로컬에 있는 시간을 알아 온다.

3. 배열 생성 방법 3가지
 가. new 생성자 사용
 let my_arr = new Array(); // 배열 객체 생성
 my_arr[0] = 0;
 my_arr[1] = 1;
 my_arr[2] = 2;
 console.log(my_arr);

 나. 배열 객체를 생성하면서 요소 추가
 let my_arr = new Array(0,1,2); // 배열 객체를 생성하면서 요소 추가
  console.log(my_arr);

 다. [] 연산자를 사용하여 직접 생성
 let my_arr = ["korea", "usa","china"];
  console.log(my_arr);

4. 객체 생성 방법 3가지
 가. new 생성자 사용
 let obj = new Object(); // 빈 객체 생성
 obj.a = 0;
 obj.name = "홍길동";
 obj.fn = function(){};
 console.log(obj);

 나. 객체를 생성하면서 요소 추가
//비어있는 객체 생성
let person1 = new Object();

//person1객체의 프로퍼티를 할당
person1.name = 'michelle'
person1.age = 27
person1.sayHello = function(){
    console.log(this.name + 'Hello!');
}

console.log(person1);

let person2 = new Object({name:'michelle', age:27,sayHello:function(){
    console.log(this.name + 'Hello!');
}} );

console.log(person2);

 다. 중괄호({})를 사용하여 직접 생성
 let my_arr = {a:0, name:"홍길동", sex:"Male",fn:function(){}};
 console.log(my_arr);

1. VO, DTO, DAO, Repository
  VO = DTO
  DAO = Repository

2. 인접한 layer 끼리만 통신

컨트롤러 -------------------------> 서비스 -------------------------> DAO
컨트롤러 <------------------------- 서비스 <------------------------- DAO
@RestController                       @Service                             @Repository
@RequestMapping("/")

3. Java8 Ramda식
@GetMapping - getUserById
@PostMapping - regisUser
@PutMapping - modifyUser
@DeleteMapping - removeUser

4. Rest Client : Postman, Talend API Tester

5. JUnit 단위 / TDD = Test Driven Development
 단위 테스트(Unit Test) : (1)Service (2)DAO = Repository
 Controller Test : End to End Test
           Postman 사용 / MockMVC 사용테스트

// JSON : Javascript Object Notation

// [1] : JSON이란?
// 약자 --> Javascript Object Notation --> 자바스크립트 객체 표기법
// 주로 서버와 웹페이지 사이의 어떤 데이터를 주고 받을 때 많이 사용하는 포맷 형식
// Javascript에서 객체를 만들 때 사용하는 표현식
// 프로그래밍 언어도 아니고 문법도 아니고 단지 하나의 데이터 저장 방식 --> 그러나 규칙은 있다.

// [2]: 형식 확인
[
{"name":"lee", "age:10", "nationality":"South Korea"}
{"name":"Angga", "age:20", "nationality":"Indonesia"}
{"name":"Smith", "age:30", "nationality":"USA"}
{"name":"Adre", "age:40", "nationality":"France"}
]

// JSON은 "속성:값" or "key:value" 의 쌍으로 이루어진 데이터 객체를 전달하기 위해 만들어진 포맷
// 그런데 잘 보면 --> 자바스크립트의 배열과 객체를 만드는 사용방식과 비슷 --> 즉, 자바스크립트의 배열과 객체를 데이터에 적용
// 위 데이터는 --> 4개의 아이템으로 이루어진 배열이고 --> 각 항목은 3개의 Property를 가지는 객체로 구성
// 그렇다면 자바스크립트 배열이나 객체의 형식과 동일한가? --> 비슷하나 완전 같은 것은 아니다(X) --> 예를 들면, Property나 Value를 쌍따옴표로 처리한다

// [3]: JSON 특징
// 일단 사람이 읽기에(보기에) 좋은 구조와 텍스트를 사용
// 웹상에서의 비동기 처리 기반의 브라우저/서버 통신 등에서 데이터를 주고 받을 때 많이 사용
// 예전에 많이 사용하는 XML을 대체 --> XML은 Heavy하고 매우 복잡함.
// JSON은 XML보다 훨씬 Light하고 간결함

// [4] : 기타
// 파이썬 학습자 --> 딕셔너리(dict) 타입과 유사 --> key:value
// 거의 모든 언어를 지원
// XML, JSON 모두 계층적인 구조를 가지고 있다.

// [5] : 차이점
// JSON은 XML과 달리 종료하는 end tag가 필요 없다.
// JSON이 더 간결하고 짧다
// JSON은 배열을 사용할 수 있다 --> 위에서 말한 자바스크립트의 배열과 객체를 데이터에 적용한 포맷

// XML
<people>
<person>
<firstName>길동</firstName> <lastName>홍</lastName> <age>10</age>
</person>
<person>
<firstName>순신</firstName> <lastName>이</lastName> <age>20</age>
</person>
<person>
<firstName>남순</firstName> <lastName>강</lastName> <age>30</age>
</person>
</people>

// JSON

let people = [
  {"firstName":"길동", "lastName":"홍" , "age":"10"},
  {"firstName":"순신", "lastName":"이" , "age":"20"},
  {"firstName":"남순", "lastName":"강" , "age":"30"}
];

console.log(people);

----------------------------------------------------------------------------------------------------------------------------------------------------------

// JSON 자바스크립트 문법 사용


// [1] : 데이터 정의
let people = [
  {"firstName":"길동", "lastName":"홍" , "age":"10"},
  {"firstName":"순신", "lastName":"이" , "age":"20"},
  {"firstName":"남순", "lastName":"강" , "age":"30"}
];

// [2] : 수정 -> 홍 길동 --> 강 감찬
people[0].lastName = "강";
people[0].firstName = "감찬";

console.log(people[0].lastName + " " +people[0].firstName);

----------------------------------------------------------------------------------------------------------------------------------------------------------

// JSON 사용시 가장 중요한 2개의 메서드
// JSON.parse(), JSON.stringify()

// [1]: JSON.parse(jsonText) --> JSON 형식의 텍스트 --> 자바스크립트 객체로 변환
let jsonText = {"firstName":"길동", "lastName":"홍"};

console.log(typeof jsonText.firstName); // string
alert(jsonText.firstName);
----------------------------------------------------------------------------------------------------------------------------------------------------------

*** JSON 데이터 타입 - https://homzzang.com/b/js-92
***  https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON
*** https://lxxyeon.tistory.com/153

let dataObj = {"firstName":"길동", "lastName":"홍"};
console.log("변환 전 : " + typeof dataObj); // object

// [2]: JSON.stringify(dataObject) --> 자바스크립트 객체를 --> JSON 형식의 텍스트로 변환

const dataString = JSON.stringify(dataObj);
console.log("1차 변환 후 : " + typeof dataString); // string

let dataObjTrans = JSON.parse(dataString);
console.log("2차 변환 후 : " + typeof dataObjTrans); // object

----------------------------------------------------------------------------------------------------------------------------------------------------------