a태그 target속성

개발 및 관리/HTML, CSS, Javascript, DOM 2024. 4. 18. 22:25 posted by HighLighter
반응형

*** 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 문

개발 및 관리/Javascript 2024. 4. 12. 16:33 posted by HighLighter
반응형

자바스크립트, 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>

반응형

자바스크립트, undefined VS null

개발 및 관리/Javascript 2024. 4. 12. 16:14 posted by HighLighter
반응형

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

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


반응형

jQuery 공부 1

개발 및 관리/Javascript 2024. 1. 22. 22:30 posted by HighLighter
반응형



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 사용테스트

반응형