FRONTEND

FRONTEND/Javascript

[JS] 원시타입과 참조타입

🔎 자바스크립트의 원시 타입과 참조 타입 자바스크립트는 원시 타입과 참조 타입이라는 두 가지 타입의 자료형을 제공한다. 1️⃣ 원시 타입 (Primitive Type) 원시 타입에는 아래와 같이 여섯 가지가 있으며, 이 외의 모든 값은 객체(참조) 타입이다. ◾숫자 (Number, BigInt) ◾불리언(Boolean) ◾null ◾undefined ◾문자열 (String) ◾Symbol 원시타입 데이터는 변수에 할당될 때 메모리 상에 고정된 크기로 스택 영역에 저장되고 해당 변수는 원시 데이터의 값을 보관한다. 또한, 원시타입 자료형은 변수 선언, 초기화, 할당 시 값이 저장된 메모리 영역에 직접적으로 접근한다. 즉 변수에 새 값이 할당될 때 변수에 할당된 메모리 블럭에 저장된 값을 바로 변경한다는 뜻..

FRONTEND/Vue.js

[Vue] vuelidate를 사용하여 폼 검증하기 (Vue2)

1. vuelidate 라이브러리 설치 npm install vuelidate https://www.npmjs.com/package/vuelidate vuelidate Simple, lightweight model-based validation for Vue.js. Latest version: 0.7.7, last published: a year ago. Start using vuelidate in your project by running `npm i vuelidate`. There are 427 other projects in the npm registry using vuelidate. www.npmjs.com 2. 전역 등록 // main.js import Vuelidate from 'vuelida..

FRONTEND/HTML, CSS

[CSS] 네이밍 규칙

새로운 페이지를 만들때 항상 고민되는 변수명 짓기 Javascript에서는 흔히 Camel Case로 불리는 컨벤션 규칙을 사용한다. 띄어쓰기 없이 변수명을 붙여쓰되 이어지는 단어의 첫 글자는 대문자로 작성한다. const myName = document.getElementById('...') 하지만 CSS에서 카멜케이스 사용은 적합하지 않다. BAD .selectBtn { border: 1px solid blue; } GOOD .select-btn { border: 1px solid blue; } CSS의 네이밍 규칙중 CSS의 제작 방법론 중 하나인 BEM 규칙에 대해 알아보자. BEM 규칙 BEM은 Block, Element, Modifier 의 줄인 말로 일종의 네이밍 컨벤션 이다. 컴포넌트 기반..

숭코기
'FRONTEND' 카테고리의 글 목록 (7 Page)