소소해서 소중한 일상

데이터 타입 확인 // getType.js export default function getType(data) { return Object.prototype.toString.call(data).slice(8, -1); } // main.js import getType from './getType'; console.log(getType(123)); console.log(getType(false)); console.log(getType(null)); console.log(getType({})); console.log(getType([])); 산술, 할당 연산자 arithmetic operator console.log(1 + 2); console.log(5 - 8); console.log(3 *..

개요 표기법 dash-case(kabab-case): HTML, CSS snake_case: HTML, CSS camelCase: Javascript ParcelCase: Javascript Zero-based Numbering 0 기반 번호 매기기! 특수한 경우를 제외하고 0부터 숫자를 시작합니다 주석 Comments // 한 줄 메모 /* 한 줄 메모 */ /** * 여러 줄 * 메모1 * 메모2 * / 데이터 종류 (자료형) String (문자 데이터) 따옴표를 사용합니다. let myName = 'huisu'; let email = 'my email'; let hello = `Hello ${myName}`; console.log(myName); // huisu cons..

기본 문법, 주석 선택자 { 속성 : 값 ; } 선택자 (Selector) : 스타일(CSS)을 적용할 대상 속성 (Property) : 스타일(CSS)의 종류 값 (Value) : 스타일(CSS)의 값 선택자 { 속성 : 값 ; 속성 : 값 ; } : 2개이상 부여시 /* 주석: 설명 작성 */ div { color: red; margin: 20px; } 선언 방식 내장 방식 의 내용 (Contents) 으로 스타일을 작성하는 방식 CSS 내용을 HTML 안에 작성 장점: 별도의 CSS 파일을 만들지 않아도 됨 단점: CSS 내용이 많아지면 HTML 문서 내에서 처리하기 복잡함, 유지보수 어려움 링크방식 로 외부 CSS 문서를 가져와서 연결하는 방식 병렬 방식 .css_link { color: gree..