일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- web
- JS
- PHP
- npx
- EM6
- JavaScript
- promise
- A-Frame
- bootstrap
- auth0
- 3d
- Node
- package-lock.json
- javscript
- version mismatch
- vuex
- vuetify
- WebVR
- PDO
- vue-template-compiler
- AR
- aframe
- Three.js
- array
- VR
- WebXR
- vue
- CI/CD
- Component
- 상태관리
- Today
- Total
목록개발/Web관련 (21)
대가는 결과를 만든다
Intro- JWT는 Claim 기반 토큰이다- Claim Token : Claim (사용자 정보, 데이터 속성)을 담고 있는 토큰 구성 1. HEADER : { typ : "JWT" //토큰의 타입 jwt alg : "HS256" //해싱 알고리즘 HMAC or SHA256 or RSA, SIGNATURE에서 해당 알고리즘이 사용된다. } 2. PAYLOAD : 토큰에서 사용할 정보 즉 Claim이 저장되어 있는 부분. Base64Url로 인코딩. JSON처럼 Key/Value 방식이며, 총 세가지로 나뉨. 1) Registered Claim : 토큰정보 표현 위해 이미 정해진 데이터 종류- iss : issuer 토큰 발급자- sub : subject 토큰 제목- aud : audience 토큰 대상..
참고 : https://www.w3schools.com/jsref/dom_obj_event.asp EventDescriptionBelongs ToabortThe event occurs when the loading of a media is abortedUiEvent, EventafterprintThe event occurs when a page has started printing, or if the print dialogue box has been closedEventanimationendThe event occurs when a CSS animation has completedAnimationEventanimationiterationThe event occurs when a CSS animation ..
Bootstrap이란? 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임 워크로 HTML과 CSS 기반의 템플릿 양식, 버튼 등의 UI 페이지 구성요소를 포함한다.트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 css와 javascript로 만들어 놓은 것이다.부트스트랩의 CSS와 JavaScript, 관련 이미지만 설치하고 미리 지정된 CSS 클래스나 JavaScript 함수만 불러오면 트위터에서 쓰는 것과 비슷한 디자인이 뚝딱 만들어진다. 출처: https://ict-nroo.tistory.com/21 [개발자의 기록습관] 시작하기 css js-use jQuery’s slim build, but the full version is also supported. 출처: https://ge..
element는 웹페이지에서 그래픽을 그릴 대 사용하는 컨테이너이다. - 선분, 사각형, 원, 문자, 이미지 추가하는 메서드 존재- 그래픽을 그리기 위해 자바스크립트를 사용해야 함 참고 : https://developer.mozilla.org/ko/docs/Web/HTML/Canvas/Tutorial/Basic_usage 예시) 1234567891011121314151617181920212223242526272829303132const canvas = document.getElementById("number"); //id로 canvas element에 접근const ctx = canvas.getContext("2d"); //2d 그래픽을 그릴 수 있는 메서드를 지닌 HTML5 오브젝트const x = 3..
뷰포트 Viewport 컴퓨터나 휴대 단말기 등 장치에 Display 요소가 표현되는 영역. 모바일 웹의 경우 브라우저에서 웹 페이지가 표시되는 영역. 이미지 출처 : http://m.mkexdev.net/34 현재 스마트폰 브라우저는 풀브라우징을 지원한다 풀브라우징은 모바일 환경에서도 데스크탑 환경처럼 웹화면 전체를 자연스럽게 브라우징 할 수 있는 환경을 일컫는다 작은 화면의 모바일 단말기에 웹 페이지 모두 표시하려다 보니 전체적인 페이지 배율 조정이 가해지게 된다. 즉 화면에 맞도록 전체적으로 축소되어 화면 모두가 브라우징 되지만 페이지에 있는 컨텐츠들의 가독성은 상당히 떨어지게 되는 것이다 웹킷 기반 브라우저의 뷰포트 기본 가로 너비는 980 픽셀이다 그러나 아이폰 사파리브라우저의 가로 너비는 32..