본문 바로가기

분류 전체보기126

@extend 대신 @mixin 사용하기 @extend를 언제 사용해야 할까? 먼저 @extend는 연관성을 형성한다는 것을 알아야한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 %brand-font { font-family: webfont, sans-serif; font-weight: 700; } h1 { @extend %brand-font; font-size: 2em; } .btn { @extend %brand-font; display: inline-block; padding: 1em; } .promo { @extend %brand-font; background-color: #BADA55; color: #fff; } .footer-message { @exten.. 2019. 9. 25.

이벤트 중단 방법 javascript에서 이벤트 중단하는 방법 자바스크립트 이벤트 리스너에서 preventDefault()와 stopPropagation() 그리고 return false는 이벤트 중단을 위해 자주 사용된다. 이벤트 중단에 사용되는 방식은 다음과 같다. event.preventDefault() 현재 이벤트의 기본 동작을 중단한다. event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다. event.stopImmediatePropagation() 현재 이벤트가 상위 뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않게 중단한다. return false 제이쿼리를 사용할 때는 위의 두개를 모두 사용한 것과 같고, 제이쿼리를 사용하지 않을 때는 event.preventDef.. 2019. 9. 25.

캐시와 쿠키의 차이점 캐시(Cache) 정의 : 웹 페이지 요소를 저장하기 위한 임시 저장소. 특히, 후에 필요할 것 같은 요소들을 저장한다. 이러한 요소들은 그림 파일이나 문서 파일 등이 될 수 있다. 목적 : 캐시는 웹 페이지가 빠르게 렌더링 할 수 있도록 도와준다. 삭제 : 사용자가 직접 수동으로 삭제해주어야 한다. 예시 : 오디오, 비디오 파일 등이 있다. 쿠키(Cookie) 정의 : 쿠키 또한 정보를 저장하기 위해 사용된다. 기본적으로 웹서버에서 pc로 보내는 작은 파일들을 저장한다. 보통 쿠키는 누군가 특정한 웹 사이트를 접속할 때 발생한다. 목적 : 쿠키는 사용자의 인증을 도와준다. 삭제 : 만료기간이 있어 시간이 지나면 자동 삭제 된다. 예시 : 로그인정보, 방문기록, 방문횟수 2019. 9. 25.

반복문으로 구구단 js의 기초인 for문으로 구구단 만들기를 해봤습니다. 먼저 2단 만들기입니다. 1 2 3 for(var i=1; i 2019. 9. 25.

var, const, let ES6(ECMA Script 2015, 줄여서 ES6)로 넘어오면서 기존 ES5 까지 사용하던 변수 선언 키워드인 var에다 const와 let이라는 키워드가 추가되었습니다. 물론 var 없이도 변수를 선언할 수 있습니다만, 그렇게 되면 전역객체(브라우저 환경에서는 window 객체)의 속성이 되기 때문에 동일한 이름의 변수를 사용하다가는 치명적인 문제가 발생할 수도 있습니다. 기존 자바스크립트의 변수는 기본적으로 Function Scope 입니다(var 로 선언한 변수). 변수의 유효범위가 함수단위라는 이야기입니다. java 나 C 등의 많이 사용되는 프로그래밍 언어를 공부해 보았다면 알겠지만, 대체로 이 언어들은 Function Scope 가 아닌 Block Scope 를 가집니다.(python 은 .. 2019. 9. 25.

Code Refactoring 1. 리팩토링이란 무엇인가? 리팩토링은 외부동작을 바꾸지 않으면서 내부 구조를 개선하는 방법으로, 소프트웨어 시스템을 변경하는 프로세스이다. 리팩토링시 중요한 점 소프트웨어를 보다 이해하기 쉽고, 수정하기 쉽도록 만드는 것, 겉으로 보이는 소프트웨어의 기능을 변경하지 않는 것이다. 따라서, 리팩토링을 할 때는 기능을 추가해서는 안되고, 단지 코드의 구조에만 신경 써야한다. 리팩토링은 가동중인 프로그램을 취해서, 동작을 바꾸는 것이 아니라 우리가 빠른 속도로 개발할 수 있도록 하는 특성을 좀더 많이 주어, 프로그램의 가치를 높이는 것이다. 2. 리팩토링은 왜 하는가? 리팩토링은 소프트웨어의 디자인을 개선시킨다. 리팩토링이 없다면, 소프트웨어의 의도된 디자인은 시간이 갈 수록 망가져 갈 것이다. 정기적인 리.. 2019. 9. 25.

이전 1 ··· 18 19 20 21 다음

티스토리툴바