sass와 scss차이점

기타 2016. 5. 12. 14:57

1. sass의 장점

#1 문법이 간결하다.

세미콜론과 중괄호가 없다.

믹스인할때 @indclude대신 +를 사용한다.

#2 읽기쉽다.

인덴테이션 룰이 스트릭트해서 작성하기는 어려우나 읽기는 쉽다.

#3 세미콜론이 없는것에 대해서 에러를내지 않는다.

세미콜론이 없어도 자동으로 인식함



2. scss의 장점

#1 더 표현적이다.

attribute/value의 쌍들을 한줄에 쓸수 있다.

#2 고유한 nesting룰을 장려한다.

selector에 이름을 만들어 element명을 변경할때 관리가 쉽다.(한번에 여러군대 변경가능)

#3 더 모듈화된 코드 장려 @extend사용


#4 더 나은 인라인 문서를 작성하게 한다.

괄호가 코드와 코멘트를 그룹해준다.

#5 css 툴이 scss에서도 사용가능하다.

css 툴들은 scss에서도 종종 사용이 가능하다.

#6 css와 통합하기가 훨씬 쉽다.


#7 진입장벽이 낮다.


#8 css의 다름 버전이 될수도있다.




원문

http://thesassway.com/editorial/sass-vs-scss-which-syntax-is-better


WRITTEN BY
rabbbit
필기

,

jquery와 a태그를 이용해서 이벤트메소드를 사용할때 


a태그에 herf="#"이걸 선언해줘야 하는데 이렇게 되면 태그를 누를때 마다 페이지 상단으로 올라가는 현상이 생긴다.


이것을 방지 하는 방법이 있는데


다음과 같이 하면  된다.


<a href="#" onclick="return false;">test</a>


이렇게 onclick 부분에 refuen false; 를 선언해주면 되는데 이뜻은


'href에서 발생한 액션을 실행시키지 않는다'라는 의미이다.


이러한 것을 슈도프로토콜이라고 하는데 

슈도프로토콜은 하이퍼링크에서 자바스크립트를 부르기 위해 만든것이다.


그러니까 onClick, onFocus등의 html 속성안에 선언하는것들인데 일단은 비표준이기 때문에 


슈도프로토콜을 지원하는 브라우저에서만 작동하고, 자바스크립트를 끄면 작동하지 않게된다.





참고

http://blog.naver.com/myefhc/100124397435

'HTML' 카테고리의 다른 글

html] input text와 submit 붙이기  (0) 2015.02.09
[html] div 배경 화면 투명도 조절 방법  (0) 2014.11.26
[html] ie 호환성보기 강제 해제  (0) 2014.11.24
a태그 width height  (0) 2014.10.29
border-radius  (0) 2014.05.09

WRITTEN BY
rabbbit
필기

,
콘솔 환경에서

rake tmp:clear

 명령어를 작성하면 tmp에 저장된 캐시가 삭제된다.


참고
http://stackoverflow.com/questions/12028088/how-can-i-clear-rails-cache-after-deploy-to-heroku




WRITTEN BY
rabbbit
필기

,