분류 전체보기 (38) 썸네일형 리스트형 여러 애니메이션 효과 차례대로 적용 하기 - 한 요소에 여러 애니메이션을 차례대로 적용해야 하는 경우 `@keyframes` 를 사용하면 쉽게 할 수 있다. - 하나의 애니메이션 지속시간, 시작 시간(지연 시간), 타이밍 함수를 설정하여 적용한다. - codepen.io/hwanlee/pen/rNLxJvY run animation ... codepen.io 레이어 팝업 딤 영역 화면 높이에 따라 투명도 바뀌는 버그 레이어 팝업을 사용할 때 딤 영역이 화면 높이에 따라 투명도가 바뀌는 버그가 있다. 이를 해결하기 위해 딤 레이어 요소에 다음 속성을 추가하면 된다! transform: translateZ(0); // 혹은 will-change: transform; 참고: stackoverflow.com/questions/18972313/css-rgba-transparency-bug-in-chrome 온라인 포토샵 사이트 - pixlr.com/kr/x/ 사진 에디터 : Pixlr.com - 온라인 무료 사진 편집 툴 Pixlr X를 통해 브라우저에서 고급 사진 편집 툴을 바로 실행할 수 있어요. 별도의 설치 또는 회원가입이 불필요! 컴퓨터, 태블릿, 스마트폰에서 언제 어디서나 무료로 이용하세요. pixlr.com - 이미지 크기, 캔버스 크기 조절, 자르기 조절 가능 - 필더 적용 가능 [스크랩] Javascript: hasOwnProperty 쓰는 이유 const copy = {}; let sum = 0; for (let key in obj) { if (obj.hasOwnProperty(key)) { sum += copy[key] = obj[key] * 2; } } 위의 코드에서는 왜 hasOwnProperty를 사용할까? 왜냐하면 프로토타입 체인을 통해 새로운 값을 추가적인 property를 만드는 경우 원치 않는 결과가 발생할 수 있기 때문! 누군가가 다음 코드를 새로 추가했다고 하자 Object.prototype.toText = function() {...} 그러면 반복문에 hasOwnProperty를 사용하는 부분이 없다면 toText 값이 sum에 더해져 문제가 발생할 수 있다! for (let key in obj) { sum += copy[k.. 한국과학기술기획평가원 다양한 미래예측 관련 자료를 볼 수 있는 사이트입니다. https://www.kistep.re.kr/index.jsp KISTEP 한국과학기술기획평가원 www.kistep.re.kr 공약 선택 만으로 자신의 정당 선호도를 알아보세요 공약만으로 자신의 정당의 선호도를 알아보는 사이트 만들어봤습니다. 사이트 주소는 http://www.votefor.kr/ 입니다. 정당은 비례대표제에 참여하는 정당만 넣었으며 공약은 http://policy.nec.go.kr/ 에서 '21대 국회의원선거'를 참고하여 넣었습니다. 재미로 한 번 해보세요! 현재 서비스 중단했습니다. [프로그래머스] 추석 트래픽 추석 트래픽 코드 #include #include #include #include #define HOUR_START 11 #define HOUR_END 12 #define MINUTE_START 14 #define MINUTE_END 15 #define SECOND_START 17 #define SECOND_END 18 #define MS_START 20 #define MS_END 22 #define TIME_START 24 #define MS_PER_HOUR 3600000 #define MS_PER_MINUTE 60000 #define MS_PER_SECOND 1000 using namespace std; int responseTimeToMS(const string& str) { int h, m, s,.. [프로그래머스] 자동완성 자동완성 코드 #include #include #define ALPHABETS 26 using namespace std; class Trie { int depth; int count; bool start; Trie* children[ALPHABETS]; void init() { for (int i = 0; i < ALPHABETS; i++) children[i] = 0; } public: Trie() : depth(0), count(0), start(true) { init(); } Trie(int depth): depth(depth), count(0), start(false) { init(); } ~Trie() { for (int i = 0; i < ALPHABETS; i++) delete childre.. 이전 1 2 3 4 5 다음