먼저, Javascript에서 팝업창 띄우기 위해서는 아래와 같이  window.open()  함수를 사용해야한다.

window.open('URL', 'Name', 'Option');


1) URL

   팝업으로 열릴 페이지의 주소 입력


2) Name

   팝업창의 이름 지정


3) Option

   팝업창의 위치(left, top)와 사이즈(width, height) 지정






예제

1
2
3
4
5
6
7
8
9
10
11
12
13
function openPopup() {
 
    var _width = '650';
    var _height = '380';
 
    // 팝업을 가운데 위치시키기 위해 아래와 같이 값 구하기
    var _left = Math.ceil(( window.screen.width - _width )/2);
    var _top = Math.ceil(( window.screen.width - _height )/2); 
 
    window.open('/url''popup-test''width='+ _width +', height='+ _height +', left=' + _left + ', top='+ _top );
 
}
 
cs






포스팅이 띠옹~~!!




Axios (액시오스)


Vue(뷰)에서 권고하며 가장 성공한 HTTP 클라이언트 라이브러리로 알려져있다.






Axios 사용법


1. GET 요청


기본구조

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 1.
axios.get('/url?id=elena90')
    .then( response => { console.log(response); } ) // SUCCESS
    .catch( error => { console.log(error); } ); // ERROR
 
// 2.
axios.get('/url', {
        params: { id: 'elena90' }
    })
    .then( response => { console.log(response) } );
    .catch( error => { console.log(error) } );
 
// catch 는 생략 될 수 있습니다.
 
 
cs


예제

1
2
3
4
5
6
7
8
9
10
11
axios.get('/URL', { crossDomain : true })
    .then(function(response) {
        if (response.status == 200) {
            // SUCCESS
            
        }
    })
    .catch(function (error) {
        // FAIL
    });
 
cs





2. POST, PUT 요청


기본구조

1
2
3
4
5
6
7
axios.post('/url', {
        user: 'elena90',
        message: 'axios example'
    })
    .then( response => { console.log(response) } )
    .catch( response => { console.log(response) } );
 
cs


예제

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// POST
axios.post('/posturl', JSON.stringify(jsonData),
    { headers: { 'Content-Type''application/json' } })
    .then(function(response) {
        if (response.status == 200) {
            console.log(response);
        }
    });
 
 
// PUT
axios.put('/puturl',
    { headers: { 'Content-Type''application/json' } })
    .then(function(response) {
        if (response.status == 200) {
            window.location.reload();
        }
    });
 
cs








(delete나 더 예제 생기면 업데이트 할 예정)




'└ Vue.js' 카테고리의 다른 글

[Vue.js] Axios 사용  (0) 2019.01.15




GMT 

그리니치 평균시(Greenwich Mean Time, GMT)또는 그리니치 표준시는 영국 런던을 기점으로하고, 웰링턴에 종점으로 설정되는 협정 시계시의 기준시간대이다. 기준시간대여서 그리니치 표준시 중 가장 빠른 시간대이다.

1972년 1월 1일부터 1970년 1월 1일을 기점으로하는 협정 세계표준시를 공식 표현으로 쓰지만 아직도 GMT란 표현이 널리 쓰이고 있다.


UTC

협정 세계시(프랑스어Temps Universel Coordonné영어Coordinated Universal Time) 또는 UTC(협정 세계표준시)는 1972년 1월 1일부터 시행된 국제 표준시이다.

UTC는 그리니치 평균시(GMT)에 기반하므로 GMT로도 불리기도 하는데, UTC와 GMT는 초의 소숫점 단위에서만 차이가 나기 때문에 일상에서는 혼용되어 사용된다. 기술적인 표기에서는 UTC가 사용된다.


UTC+09:00

한국 표준시(Korea Standard Time, KST)는 UTC보다 9시간 빠른 표준시 (UTC+09:00)이다.



* 출처: 위키백과




GMT 시간 UTC 시간으로 변환하기


1
2
3
4
5
6
7
8
9
10
 
var _gmt = new Date();  // GMT시간
 
vet _utc = new Date(_gmt.getTime() + (_gmt.getTimezoneOffset() * 60000));  // UTC 시간으로 변환
 
 
console.log(_gmt);  // Mon Jan 07 2019 18:41:36 GMT+0900 (한국 표준시)
console.log(_utc);  // Mon Jan 07 2019 09:41:36 GMT+0900 (한국 표준시)
 
 
cs






+ Recent posts