분류 전체보기42 [에러]Uncaught TypeError: Cannot read property 'style' of null solution: 페이지 로딩되는 시점 혹은 순서 바꾸기 특정 el을 컨트롤하기위해 스크립트로 style을 조정했을것이다. 페이지가 로딩되는 시점이나, 스크립트가 실행되는 라이프사이클을 확인해보자 2023. 11. 10. mixin 사용하기 1. 기본 mixin 사용법 @mixin 믹스인이름(매개변수){ 스타일 정의 } @include 믹스인이름(매개변수); mixin은 @mixin 으로 정의하고, @include로 사용된다. 2. mixin 예시 : 타이틀형 텍스트 @mixin text-title($weight: 700, $spacing: -0.03em){ font-size:20px; line-height:36px; font-weight:$weight; letter-spacing:$spacing; } .textTitle01{ @include text-title(); } .textTitle02{ @include text-title(500) } .textTitle03{ @include text-title(400, -0.05em) } 설명: m.. 2023. 11. 6. Git 명령어 정리 Terminal 기준 linux 명령어 정리입니다. 연결되어있는 gitlab과 사용중인 Editor가 연결되어 있다는 가정하게 작성했습니다. git branch : 현재 내 로컬에 있는 브랜치들을 보여준다. git fetch : gitlab과 연결된 Editor에서 local branch와 gitlab remote branch간 meta 데이터 정보를 확인 (간단히 최신 소스로 맞추는 명령어라고 생각하면 됨) git checkout master : (master는 브랜치명, 원하는 branch로 네이밍 스위칭) - case01. local에 해당 브랜치가 없다면? remote 저장소에 있는 master 소스를 local로 checkout 후 swiching - case02. local에 master가 있.. 2023. 11. 6. [JavaScript] 숫자 3자리마다 콤마찍기(정규식) script로 3자리마다 콤마(,) 찍는 작업이 있어서 구글링하여 적용하였다. 구글링하여 얻은 정규식 표현법에는 .toString().replace(/\B(? 하지만 위 정규식에서의 ? 때문에 위처럼 넣게되면 함수 자체가 에러를 뱉어내므로, 스크립트를 호출하지 못하는 에러가 발생한다. (object Error / function undefined) (참고 url : caniuse.com/?search=lookbehind) .toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 위와같이 정규식을 기술해야 익스, ios, safari 에서 정상적으로 함수를 호출할 수 있게 된다. 2021. 2. 15. jQuery와 javascript의 차이점? 흔히들 jQuery와 javascript의 차이점을 대답할 때, '제이쿼리' 는 자바스크립트를 기반으로 만들어진 라이브러리 라고 많이들 대답하곤 한다. 자바스크립트는 크게 4가지 요소로 구성돼 있다. 1. 자바스크립트 core 문법 2. 자바스크립트 core 라이브러리 3. 자바스크립트 BOM (Browser Object Model) 4. 자바스크립트 DOM (Document Object Model) 제이쿼리는 이중 자바스크립트 DOM작업을 쉽게 처리할 수 있도록 도와주는 라이브러리다. 또한 제이쿼리는 DOM작업을 쉽게 도와주는 라이브러리 일뿐, 자바스크립트 문법이나 라이브러리를 대체하는 프로그래밍 언어가 절대 아님을 인지해야 한다. * javascript와 jQuery의 문법차이 - html menu1.. 2020. 10. 21. [scss] scss 컴파일시 .map 파일 없애기 nm817.tistory.com/37?category=816930 [vscode] vscode에서 scss 사용하기 sass를 컴파일하여 css로 사용하는 방법엔 여러가지가 있다. 이 글에서는 vscode에서 간편하게 scss를 컴파일 하는 방법을 다루겠다. [필요 extension] - sass - sass Lint - live sass compiler - live server.. nm817.tistory.com 위 글을 보면 추가글로 정리해두었지만, 써놓고 내가 못찾아서 다시 정리합니다.......... { "liveSassCompile.settings.formats":[ { "format": "expanded", "extensionName": ".css", "savePath": "~/../css" .. 2020. 10. 20. 이전 1 2 3 4 ··· 7 다음