자바스크립트7 JavaScript 기술을 향상시키는 12 가지 개념 요즘 morioh.com 블로그에서 매우 유용한 글들을 많이 찾아볼 수 있어서 좋습니다. 포스팅을 한번 할 때마다 유용한 지식들이 습득되는 것 같아서 더 좋구요. 이번에는 javascript 기술을 향상시키는 12가지 개념에 대해서 알아보도록 합시다. 자바스크립트는 깊이 들어갈 수록 복잡한 언어입니다. 단순히 자바스크립트 개발자가 된다는 것은 자바스크립트 언어를 집요하게 기본 동작 원리를 알아가는 것이 필수 덕목이라고 생각합니다. 하루빨리 레거시한 코드와 기본 동작 원리를 깨우치지 못한 상태의 코드들을 개선하고 싶습니다. 그리고 jquery의 종말과 함께 바닐라 스크립트로 구성할 수 있는 모든 종류의 앱들을 환영하고 받아들일 준비가 되어 있어야 할 것입니다. 다양한 팁들을 지속적으로 업데이트 하고 있는 .. 2020. 6. 21. 자바스크립트에서 CSS와 SASS의 변수 사용하기 뷰와 리액트 등 프레임워크 및 라이브러리 자바스크립트에서 css와 sass를 사용하는 일이 자주 있습니다. 그럴 때 마주하고 싶은 것이 바로 css Custom variable과 Sass variable로 어떻게 하면 비용절감을할 수 있을까 고민하게 됩니다. 이러한 상황에서 자바스크립트에서 css 및 sass의 변수를 다루는 법을 공유하고자 합니다. CSS 커스텀 변수와 Javascript 간단명료한 속성을 사용해서 가능한 부분입니다. // setProperty 사용하기 document.documentElement.style.setProperty("--margin", 10 + "rem"); // 10rem 그리고 자바스크립트에서 getComputedStyle 속성을 사용하여 CSS 변수를 검색할 수도 있.. 2020. 4. 5. Javascript 함수가 왜 1급 객체일까? Javascript 함수는 1급 객체라고 일컬어지는데요.. 함수를 변수나 데이터에 할당도 할 수 있고 파라미터로 값을 집어넣어 함수의 선언된 문을 수행한 뒤에 리턴까지 할 수 있습니다. function plus(a, b) { return a + b; } function minus(a, b) { return a - b; } const p = plus; console.log('typeof plus : %s', typeof plus); console.log('typeof p : %s', typeof p); console.log('10 + 20 = %d', p(10, 20)); // 함수를 파라메터로 받는 함수 function calculate(a, b, func) { return func(a, b); } //.. 2019. 9. 12. 이전 1 2 다음
