**[퀵스타트 Rxjs]**를 보고 메모한 부분을 정리했습니다. 목차 웹 환경의 변화 웹 개발 복잡도 증가 웹 애플리케이션은 상태 머신이다. => 웹 애플리케이션 오류가 발생하는 경우 => RxJS는 무엇인가? 그리고 웹 어플리케이션과 무슨 관련이 있는가? 서론대부분 처음 개발을 시작할 때는 요구사항을 어떻게 프로그래밍할
웹 브라우저에서 이미지를 업로드 할 때 type이 file인 input을 통해 이미지를 받고, file API를 사용하여 이미지를 read합니다. 이때 핸드폰을 세워서 촬영할 경우 사진 이미지가 멋대로 회전되서 read될때가 있습니다. 이를 잡기 위해서는 사진의 메타정보(exif)에 있는 orientation이라는 정보를 확인해야합니다.exif가 무엇인지
https://d2.naver.com/helloworld/59361 를 읽고 정리했습니다. 브라우저의 주요 기능 브라우저의 기본 구조 렌더링 엔진 동작 과정 HTML 파싱 (for DOM트리 구축) 렌더 트리 구축 렌더 트리 배치 렌더 트리 그리기 렌더 트리 구축 HTML 마크업을 처리하고 DOM 트리를 빌드합니다. CSS 마크업을 처리하고 CSS
https://d2.naver.com/helloworld/59361 를 읽고 정리했습니다. 브라우저의 주요 기능 렌더링 엔진 동작 과정 HTML 파싱 (for DOM 트리 구축) 렌더 트리 구축 렌더 트리 배치 렌더 트리 그리기 파싱과 DOM 트리 구축 파싱에 대하여문법 / 파서-어휘 분석기 조합 / 변환 / 파싱 예 &
https://d2.naver.com/helloworld/59361 를 읽고 정리했습니다. 브라우저의 주요 기능 브라우저의 기본 구조 렌더링 엔진 1. 브라우저의 주요 기능 URI를 입력할 수 있는 주소 표시 줄 이전 버튼과 다음 버튼 북마크 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼 홈 버튼 2. 브라우저의 기본 구조 사용
오늘은 이미지 용량을 줄이는, (리사이징이 더 맞는 말이겠죠.) 방법에 대해서 알아보려고 합니다. 로컬에서 이미지 파일을 올리는 것부터 시작하죠. 이를 위해서는 HTML5관련 API 중 하나인 파일 API를 이용하고, 이미지 리사이징을 위해서 캔버스를 이용할 것입니다. 파일API를 다뤄보고 Blob에 대해서도 알아보죠..(Blob의 더 자세한 내용을
**목차** 👋👋 서론 @media 대하여.. -webkit-device-pixel-ratio 2-1. 픽셀비율 계산하기 2-2. device width와 height 계산하기 0. 서론 현재 작업 중인 프로젝트는 데스크탑 브라우저(여러 브라우저 대응) 뿐만아니라 모바일 기기 대응도 진행해야한다. 너무도 당연히 대응
원문 : https://medium.com/@luukgruijs/understanding-creating-and-subscribing-to-observables-in-angular-426dbf0b04a3 엥귤러 version2가 나왔을때, 엥귤러는 옵저버블을 소개했다. 옵저버블은 엥귤러의 특정 기능은 아니고, ES7 릴리스에 포함될 비동기 데이터를 관
airbnb 앱을 쓰다보면 곳곳에서 다양한 애니메이션을 볼 수 있다. 한 서비스에 애니메이션이 있으면 있을수록 자연스러운 사용성 유도, 사용자의 감성에도 메세지를 전할 수 있고, 서비스의 브랜드가 더 기억에 오래남고 강해진다고 생각한다. 모션을 좋아하는 성향과 모션이 줄 수 있는 위의 특징때문에 곳곳에 모션을 넣는 것을 좋아하는데, 그러던 중 airbnb
출처 inflearn : Angular 기본과 간단한 To-Do 어플리케이션 만들기 http://poiemaweb.com/ : angular 파트 요약 목차 Angular CLI Angular Hello world Module Component 알아보기 Templete 알아보기 컴포넌트 커뮤니케이션 컴포넌트 스타일 처리 Pipe 1. Angula