Mac 시스템 설정
macOS 유용한 시스템 설정macOS 환경에서 몇 가지 유용한 시스템 설정을 알아보자.macOS High Sierra를 기준으로 하였으나 다른 버전들도 크게 별 다른 부분 없이 비슷하다. 반드시 동일하게 설정할 필요는 없으며 원하는 항목만 적용하면 된다. 키보드 기호 설명 단축키 입력과 관련해서 기호를 사용한다. 기호 설명 ⌘ Command
아카이브: 2018
CSS3 Skeleton Screen
linear-gradient로 skeleton screen 만들어보기페이스북이나 유튜브의 첫 화면을 보면, 아주 잠깐 프레임을 그려주는 빈 페이지를 확인할 수 있다.이러한 페이지를 개발에서 skeleton screen(스켈레톤 스크린) 이라고 한다.참고로 skeleton은 뼈대를 의미의 단어를 뜻한다. skeleton screen을 적용하면 사용자가 “대기
CSS3 Custom Properties
CSS Custom Properties (커스텀 속성) (https://www.smashingmagazine.com/2017/04/start-using-css-custom-properties/ 문서를 토대로 번역하고, 다른 문서들을 조합해 정리하였다.) 1. 전처리기 변수와 CSS 커스텀 속성 CSS 전처리기는 웹 개발에서 중요한 역할을 수행하고 있다.
Mobile Web iPhone Hover Click
iPhone Safari 에서 클릭을 두 번 해야만 동작 이슈먼저 자세한 증상 및 원인과 해결방법은 아래와 같다. 증상 : 클릭시 첫번째 클릭은 동작안함(두번째부터 동작함)원인 : css의 허위클래스 :hover 선언시 문제발생으로 마우스 오버시 클릭하면 이벤트가 동작안함디바이스 : 아이폰 safari 브라우저 왜 두 번 클릭해야 하는 현상이 생기는 것인가
jQuery Performance
jQuery 성능 향상하기 (performance)jQuery는 라이브러리이기 때문에 순수 자바스크립트보다 당연히 성능이 느릴 수 밖에 없다. 안 그래도 느린데 잘못된 방법으로 코딩을 하면 상황을 더 악화시킬 수 있다. 그래서 흔히들 하는 실수와 그에 대한 대처 방법을 소개 한다. 변수 저장우선 첫 번째로 가장 간단한 건데 많이 놓치고 있는 부분이 있다.