profile
개념 정리 + 호기심 해결용 블로그
post-thumbnail

모바일 청첩장 만들면서 느낀점들

3줄 요약 1. 모바일 청첩장 혼자 만들긴 힘들다. 2. 100vh 조심하자. 3. 시간적 여유가 된다면 모바일 청첩장 직접 만드는 것 추천한다.

2022년 1월 18일
·
0개의 댓글
post-thumbnail

웹 PIP + Canvas로 나만의 PIP 창 띄우기

PIP는 2016년 macOS Sierra 출시와 함께 Safari 브라우저에서 처음 등장했습니다. PIP 기능을 통해 비디오를 항상 최상단에 있는 작은 창에서 볼 수 있습니다. 웹에선 PIP 모드를 마우스 클릭으로 활성화 할 수 있습니다.

2021년 12월 5일
·
0개의 댓글

효율적인 Third-Party Script 로딩

서드파티는 단어 그대로 ‘제3자’를 의미합니다. 그러나 무엇인지 이해하기 위해선 ‘제1자’, ‘제2자’에 대해서도 이해가 필요합니다. 예시로 ‘제1자’, ‘제2자’, 제3자’ 인증을 생각해봅시다. 제1자 인증은 제품 혹은 서비스를 제공하는 개인 혹은 조직이 요구사항을

2020년 2월 21일
·
0개의 댓글

웹 폰트 최적화

웹에서 제공되는 정보의 95% 이상은 문어(written language)의 형태입니다. 좋은 타이포그래피는 사용자의 가독성, 접근성, 사용성 등을 사용자 경험을 향상시킬 수 있습니다. 이처럼 웹에서 타이포그래피는 중요합니다.웹 폰트(Web Font)는 디자이너가 원하

2020년 2월 19일
·
0개의 댓글

JavaScript의 this

JavaScript에서 this는 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정됩니다. 그리고 함수가 호출되는 방식은 4가지로 나눌 수 있습니다.각종 값들이 확정되어 더 이상 변경할 수 없는 구속(Bind) 상태가 되는 것.전역 객체는 모든

2020년 2월 17일
·
0개의 댓글

React build 시 sourcemap 제거하기

왜 제거해야 하나요? create-react-app으로 React 프로젝트를 빌드하여 배포하는 경우, 기본적으로 webpack에 의해 번들링 된 파일과 해당 파일에 대응되는 sourcemap이 생성됩니다. 다음은 결과 예시이며, .css.map과 .js.map 파일이 sourcemap입니다. sourcemap은 간단히 말하면, 디버깅을 위한 파일입니다....

2020년 2월 5일
·
0개의 댓글