Im Bay

JavaScript - 배열(Array) 배열(Array) 배열은 순서가 있는! 데이터 집합 0으로 시작하는 숫자형 인덱스 - 배열의 각 요소는(element) 인덱스로 접근 length 프로퍼티를 가지며, length를 조정하여 배열의 길이를 조절할 수 있다. (줄이면 제거, 늘리면 empty) 배열 Class(static) Methods 순수 함수(pure functions) concat, join, values indexOf, lastIndexOf, includes, findIndex, findLastIndex slice, entries, flat find, findLast some, every, map, filter forEach, reduce 비 순수 함수(non-pure functions) p..

JavaScript - 함수(Function) 함수(Function) 함수는 하나의 단위로 실행되는 문(statement)들의 묶음. 함수도 객체(Object) 호출 당시에 평가되고 실행된다. 함수 생성 방식 함수 선언문 function f() {…} (function() {…} 익명 함수 표현식) 함수 표현식 const f1 = function ff() {…} const f2 = function() {…} 즉시 호출 함수(IIFE, Immediately Invoked Function Expression) (function() { … }) (); 불필요한 전역 변수와 메모리 낭비를 줄일 수 있다. 화살표 함수(Arrow Function) non-constructor, 함수를 반환하는 고차 함수에 사용하기..

JavaScript - 스트릭트 모드 strict(엄격) mode 오해의 소지가 있는 구문을 문법적으로 명확하게 평가 hoisting은 동일하나 block내 함수는 block scope를 갖는다. 'use strict'; strict mode의 특징 선언하지 않은 식별자는 access(접근)할 수 없다. 암묵적 전역(var, implicit global)은 허용하지 않는다. delete로 선언된 변수, 함수, 매개변수를 삭제할 수 없다. block내에서 var은 sloppy(느슨한) mode와 동일한 scope이지만, 함수는 block scope 이다. 한 함수에서 parameter(매개변수) 이름이 동일하면 안된다. NaN, Infinite 등의 전역 프로퍼티에 값을 할당하면 안된다. ESM modul..

JavaScript - 연산자와 제어문, 디스트럭처링 연산자 할당 ex) let x, y; x = y = 9; x +=y; x %= y; x &= y; x ^= y; object ex) const u = {id: 1, name: ‘hong’, age: 29}; let {id, name, addr} = u; let {id, …info} = u; ({id, name} = u); const arr = [1, 2, 3, 4, 5]; let [a, b, …c] = arr; [a, b] = [b, a]; 구조 분해 할당(destructuring) Object Destructuring const {id, name} = {id:1, name:’Hong’}; Array / Iterator Destructuring con..

JavaScript 시작하기 Primitive(원시) Type 숫자(Number, BigInt) number인 123과 bigint인 123n은 다르다! 덧셈 같은 계산도 안된다.(TypeError) 하지만 number + float는 계산 가능 string + bigint 계산 시 문자열 합하기로 되어져서 나온다. 문자열(string) ex) s = new String() ⇒ [string: ‘’] boolean undefined null type은 object Symbol Symbol은 unique, 안의 값이 같아도 일치 연산자로 비교 시 false 임. new 생성 불가 Object(객체)/Reference(참조) Type 객체({}, instance 객체) 빈 객체 선언은 new Object()..

Tailwind CSS Framework로 UI/UX 구성하기 tailwind 설치 및 실행 확인 https://tailwindcss.com/docs/installation tailwind 설치했는데 CSS가 적용이 안될 때! cmd 창에서 yarn dev 를 다시 실행해보자 tailwind의 CSS 적용 방식 html에서 이런 식으로 class 안에 꾸미는 코드를 안에 넣으면 output.css에 CSS 코드가 자동으로 추가된다! 코드가 자동 추가된 output.css .bg-sky-700 { --tw-bg-opacity: 1; background-color: rgb(3 105 161 / var(--tw-bg-opacity)); } .text-xl { font-size: 1.25rem; line-hei..