DEV_달리자

CSS 대표적 3가지 방법론 - OOCSS - BEM - SMACSS OOCSS Object Oriented CSS 객체 지향에 따라 고안된 설계 방식, 구조와 외형의 분리, 컨테이너와 내용의 분리 (1) 구조와 외형을 분리 구조: width, height, padding... 외형: color, border-color, font-color... tel email // css .btn{공통 스타일 정의} .common-skin{공통 스타일 정의} (2) 컨테이너와 내용을 분리 위치에 의존하지 않는 스타일 정의 어떤 태그라도 동일한 외형을 제공 어디에서나 재사용 가능한 클래스 기반 모듈 구축 ... ... .sub-title {font-size:16px} 장점 공통된 부분을 정의해서 재사용이 가능 구조적 ..

👉 기존 Velog에서 이전한 게시물입니다. JS Deep Dive에 대한 더 많은 게시글이 있어요. 이벤트 루프를 알기 위해서는 먼저 자바스크립트 엔진에 대해 알아야 한다. 알아보자!😏 자바스크립트 엔진 자바스크립트 언어는 자바스크립트 엔진이라는 녀석을 통해 실행된다! 자바스크립트 엔진을 간단하게... V8, SpiderMonkey, Webkit... 웹 브라우저 내부 또는 Node.js 안에 구성되어 있다. 자바스크립트 코드를 해석하고 실행하는 인터프리터 힙(Memory Heap)과 호출 스택(Call Stack)으로 이루어져 있다. 전통적으로는 인터프리터 방식으로 구현되지만, 특정한 방식으로 바이트코드로 JIT를 저장해놨다가 컴파일 할 수도 있다. 💡 인터프리터 vs 컴파일러 인터프리터 : 바로 해..

이번 시간에는 가볍게 문법과 개념에 대해 훑어보려 합니다! 주요 개념들을 문법과 함께 살펴보도록 하겠습니다.😎 Vue Instance 인스턴스는 Vue.js로 화면을 개발하기 위해 생성해야 하는 필수 단위이다. Vue Instance 생성자 생성자 함수를 사용하여 인스턴스를 생성하는 방법이다. new Vue({ // instance option properties }); Vue 객체를 생성할 때 아래와 같이 data, template, el, methods, life cycle hook 등 옵션 속성을 포함할 수 있다. new Vue({ // instance option properties template: "", el: "", methods: {} // ... }); Vue Instance 라이프싸이클..

특수한 의미를 가진 기호의 사용 ^(캐럿) ^who who is who 소스 상에서 who부터 시작되는 소스를 검출한다. 즉, 캐럿 이하 문자열부터 시작되는 소스를 검출할 때 사용하는 것이 캐럿이다. $(달러) $who who is who 소스 상에서 who로 끝나는 소스를 검출한다. 즉, 달러 이하 문자열부터 끝나게 되는 소스를 검출할 때 사용하는 것이 달러이다. 응용 `^\$` \$123 $로 시작되는 소스를 검출하려면 이런식으로 역슬래시를 사용한다. 응용2 `^\\` \\123 역슬래시로 시작되는 소스를 검출하고 싶다면 마찬가지로 이런식으로 사용하면 된다. 기존 Velog에서 이전한 게시물입니다.

정규표현식이란? 정규표현식은 문자열을 처리하는 방법 중의 하나로, 특정한 조건의 문자를 '검색'하거나 '치환'하는 과정을 매우 간편하게 처리할 수 있도록 하는 수단이다. 정규식이라고도 한다. 정규표현식 문법 정규표현식은 쉽게 말해 문자열의 집합이라고 한다. 정규표현식에 해당되는 문자열이 등장하면 대응이 되고, 정규 표현식 엔진들은 대응이 될 경우 그 결과를 반환한다. 정규표현식 매칭의 원칙 매칭은 기본적으로 첫 글자부터 모든 가능성을 탐색하면서 이루어진다. 더 긴 문자열이 나중에 매칭될 수 있어도, 먼저 매칭된 문자열이 결과로 반환된다. 정규표현식에 대해 알아두면 좋을 것 같아 공부를 하며 정리해보려 한다 꾸준히 올리면 작성 방식도 지식과 함께 발전하리라 믿는다😂 기존 Velog에서 이전한 게시물입니다.