Note
-
px, rem, emNote 2021. 1. 18. 09:05
px 폰트 사이즈 중 하나인 px(픽셀), 절대값으로 사용되는 단위 px로 폰트 사이즈를 설정하면 반응형 사이트에 적용할 경우, 너비에 맞게 폰트 크기도 같이 조절돼야 하는데 그대로 있어 텍스트 크기가 넘치는 경우가 발생한다. 따라서 반응형에 적용할 경우에는 px 대신에 em이나 rem을 사용하는 것이 좋을 것이다. em, rem 길이가 유연한 가변 폰트 데스크톱, 모바일 등 다양한 기기의 가로길이에 맞게 글자 크기가 변경된다. rem (root + em) html에서 지정된 폰트 크기에 비례하여 크기가 계산된다. (젤 위에 기준에 맞춰 거기에 맞게 다 적용됨) body { font-size: 10px } 1rem : 10px 2rem : 20px (10px * 2) em body(부모)에 정의된 폰트 ..
-
웹페이지 Redirect 구현Note 2021. 1. 17. 16:05
Redirect 리다이렉트는 영어 단어 뜻 그대로 Redirect: (다른 주소·방향으로) 다시 보내다. 웹페이지에서 리다이렉트 구현 방법은 크게 3가지가 있다. - HTTP 리다이렉트 - HTML 리다이렉션 - javascript 리다이렉션 HTTP 리다이렉트 HTTP 리다이렉트는 3xx상태 코드를 지닌 응답이다. 리다이렉트 응답을 수신한 브라우저는, 제공된 새로운 URL을 사용하며 그것을 즉시 로드한다. 리다이렉트에는 몇 가지 유형이 있으며 세 가지 카테고리로 나누어진다. 영속적인 리다이렉션 영원히 지속됨을 의미한다. 원래의 URL이 더 이상 사용되지 않아야 하며 새로운 URL을 더 선호해야 함을 시사한다. 301 Moved Permanently 308 Permanent Redirect 일시적인 리다..
-
Cookie, SessionNote 2020. 12. 17. 18:20
HTTPS Hyper Text Transfer Protocol Secure Socket layer HTTPS는 HTTP 요청을 SSL 혹은 TLS라는 알고리즘을 이용해, HTTP 통신을 하는 과정에서 내용을 암호화하여 데이터를 전송하는 방법이다. HTTP 프로토콜 내용을 암호화(HTTP + Secure(보안 기능)) 특징 1. 인증서: 데이터 제공자 신원 보장, 도메인 종속 2. CA(certificate authority): 공인 인증서 발급 기관 3. 비대칭 키 암호화 암호화는 일련의 정보를 임의의 방식을 사용하여 다른 형태로 변환하여 해당 방식에 대한 정보를 소유한 사람을 제외하고 이해할 수 없도록 '알고리즘'을 이용해 정보를 관리하는 과정 Hashing 어떠한 문자열에 '임의의 연산'을 적용하여 ..
-
AxiosNote 2020. 12. 17. 10:24
Axios 브라우저, Node.js를 위한 Promise API 활용하는 HTTP 비동기 통신 라이브러리 설치 $ npm install axios GET 요청 const axios = require('axios') // hello로 요청 axios.get('http://..../hello') // 응답(성공) .then(function (response) { console.log(response) }) // 응답(실패) .catch(function (error) { console.log(error) }) POST 요청 axios.post('http://..../hello', { name: 'world' city: 'seoul' )} .then(function (response) { console.log(..
-
AWS(Amazon Web Services)Note 2020. 12. 16. 13:15
S3(Amazon Simple Storage Service) 스토리지 서비스 Amazon S3에서 제공하는 단순한 웹 서비스 인터페이스를 사용하여 웹에서 언제 어디서나 원하는 양의 데이터를 저장하고 검색할 수 있다. 기능 - 버킷: 버킷은 데이터 스토리지를 위한 S3의 기본 컨테이너로, 데이터를 저장하는 버킷을 만들고 해당 버킷의 이름을 지정한다. - 데이터 저장: 버킷에 데이터(객체)를 원하는 만큼 저장할 수 있고, 각 객체에 최대 5TB의 데이터를 포함할 수 있다. 각 객체는 고유한 개발자 할당 키를 사용하여 저장 및 검색한다. - 데이터 다운로드: 데이터를 직접 다운로드하거나 다른 사람이 다운로드할 수 있도록 한다. - 권한: 데이터를 업로드 또는 다운로드하려는 사용자에게 접근 권한을 부여하거나 거..
-
V8Note 2020. 12. 13. 11:38
구글에서 만든 JavaScript 엔진(오픈 소스, C++ 구성) 웹 브라우저 안에서 실행되는 JavaScript의 성능을 높이기 위해 처음 고안 구글 크롬과 Node.js의 런타임에서 사용 속도를 높이기 위해서 V8은 인터프리터를 사용하는 대신 머신(기계어) 코드로 변환 위와 같은 특징 중 인터프리터를 사용하지 않고 컴파일하여 머신 코드로 변환하는 특징 때문에 속도가 개선되었다. 인터프리터(interpreter, 해석기)는 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말한다. 원시 코드를 기계어로 번역하는 컴파일러와 대비된다. 동작 방식 자바스크립트 코드를 처음으로 수행할 때 V8은 풀코드젠을 이용해서 파싱 된 자바스크립트 코드를 변형 없이 직접 머신 코드로 변환한다. 이를..