목록dev/FE (5)

포부리

클라이언트/서버 모델

dev/FE 2020. 2. 19. 15:31
[SCSS] _(밑줄)의 의미

scss 파일명앞에 _가 붙은 파일을 볼 수 있을 것이다. 왜 _를 사용할까? 만일 _없이 reset.scss를 만들고 이것을 컴파일 했다면, sass는 reset.css를 만들고 그걸 style.css에다가 import 한다. 결국 두 파일을 얻는 불필요한 일이 발생하는 것이다. 즉, _가 들어간 파일은 sass에서 사용하기는 하지만 scss에서 css로 변환하는 작업을 무시하게 해주는 역할을 한다.
dev/FE 2020. 1. 15. 15:36
[gulp] Stylesheet not loaded because of MIME-type

scss에 걸려있는 모든 주석을 지우고 다시 빌드해볼 것.
dev/FE 2020. 1. 15. 15:32
[jQuery] toggleClass가 안돼요! toggleClass is not Working!

addClass는 되는데 toggleClass가 안될 때가 있다. 이벤트를 걸어놓은 엘리멘트가 이중, 삼중으로 중복되기 때문인데, 이때 토글할 엘리먼트의 새롭게 비어있는 jQuery객체를 넣으면 된다. 종속작업 클래스 외에 새로운 이름의 id값이나 class를 추가해야한다: function myFunction(){ ... $("#Elemnet li").click(function(){ $(this).toggleClass("toggle-class"); }); ... } $(document).on("click", ".element li", myFunction);
dev/FE 2019. 11. 27. 12:33
[SCSS/CSS] sass 설치 및 컴파일을 yarn 명령어로 설정하기

Sass 설치 brew install sass/sass/sass 설치하다보면 경우에 따라 퍼미션 에러가 날 수 있다. 당황하지 않고 나와있는 에러를 그대로 복사해서 붙여준다. sudo chown -R $(whoami) /usr/local/share/man/man5 /usr/local/share/man/man7 /usr/local/share/man/man8 chmod u+w /usr/local/share/man/man5 /usr/local/share/man/man7 /usr/local/share/man/man8 설치가 완료되었는지 확인해보자. sass --version 자동 컴파일 설정하기 yarn install 명령어를 입력하면 package.json파일이 생성된다. 이 파일을 열어서 scripts를 추..
dev/FE 2019. 11. 25. 15:36
이전 Prev 1 Next 다음