HighLight in your life~

*** 화살표 함수
1. 매개 변수가 없는 함수const hi = function() {  return "안녕하세요";}

2. 매개 변수가 없는 화살표 함수const hi = () => { return "안녕하세요?" };

3. 매개 변수가 없는 화살표 함수(중괄호 생략)const hi = () => "안녕하세요?";

4. 매개 변수가 1개인 함수const hi = function(user) {  document.wirte(user + " 님, 안녕하세요?");}

5. 매개 변수가 1개인 화살표 함수const hi = user => {document.write(user + "님, 안녕하세요?");}

6. 매개 변수가 2개인 함수const sum = function(a, b) {  return a + b;}

7. 매개 변수가 2개인 화살표 함수const sum = (a, b) => a + b;

*** Array 객체의 메서드

concat : 기존 배열에 요소를 추가해 새로운 배열을 생성
every : 배열의 모든 요소가 주어진 함수에 대해 참이면 true 리턴하고, 그렇지 않으면 false 리턴
filter : 배열 요소 중에서 주어진 필터링 함수에 대해 true인 요소만 골라 새로운 배열을 생성
forEach : 배열의 모든 요소에 대해 주어진 함수 실행
indexOf : 주어진 값과 일치하는 값이 있는 배열 요소의 첫 인덱스 찾음
join : 배열 요소를 문자열로 합침. 이때 구분자를 지정 가능함
push : 배열의 맨 끝에 새로운 요소를 추가한 후 새로운 length를 반환함
unshift : 배열의 시작 부분에 새로운 요소를 추가
pop : 배열의 마지막 요소를 꺼내 그 값을 결과 반환
shift : 배열에서 첫 번째 요소를 꺼내 그 값을 결과로 반환
splice : 배열에 요소를 추가하거나 삭제
slice :  배열에서 특정한 부분을 잘라 냄
reverse : 배열의 배치 순서를 역순으로 만듬
sort : 배열 요소를 지정한 조건에 따라 정렬
toString : 배열에서 지정한 부분을 문자열로 반환. 이때 각 요소는 쉼표(,)로 구분

1. 스타일 시트 
브라우저 스타일 기본 스타일 
인라인 스타일 : 스타일 속성을 사용하는 필수 요소에 스타일을 사용하는 
내부 스타일 시트 : 문서 앞 부분에 문서에서 직접 사용하는 스타일을 모자이크서와 함께 정의하고 관리하는 외부 시트 :에서 문서 사용 스타일을 모자이크 때문에 저장한 후 연결해서 사용 

2. 스타일 우선 순위 
2-1. 중요도 사용자 스타일 -> 개발자 스타일 -> 브라우저 기본 스타일 

2-2. 적용 범위 !important -> 인라인 스타일 -> id 스타일 -> 클래스 스타일 -> 타입 스타일 

(스타일시트 선택자의 우선순위: (1) !important -> (2) Inline -> (3) #id 지정한 선택자 -> (4) .class 지정한 class선택 -> (5) 태그 이름을 지정한 Type 선택자 )

2-3. 나중에 작성한 스타일이 이미 작성된 스타일입니다

** 즉시 실행 함수

    <script>

  (function() {
    var userName = prompt("이름을 입력하세요.");
    document.write("안녕하세요? <span class='accent'>" + userName + "</span>님!");
  }());
        
    </script>

*** 매개 변수가 있는 즉시 실행 함수

    <script>

  (function(a, b) {
    sum = a + b;    
  }(10, 20));

  document.write("함수 실행 결과: " + sum);
        
    </script>

*** a태그 target속성 

<a href="주소" target="_self">클릭</a>

_blank : 새창 또는 새탭에서 OPEN
_self : 기본 값으로 현재 창에서 OPEN 
_top : 모든 프레임 제거하고 최상위창에서 OPEN
_parent : 부모창에서 창 OPEN
frame name : 연결 이름의 프레임에서 OPEN

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 지원