개발캡슐

Chap 1. 3값은 타입을 가진다 3. 값은 타입을 가진다 - 자바스크립트에서는 값에는 타입이 있지만, 변수에는 별도의 타입이 존재하지 않아. - 변수는 언제라도 어떤 형태의 값이라도 가질 수 있어. 또한, 자바스크립트는 타입 강제(Type Enforcement)를 하지 않아. - 변수에 처음 할당된 값과 동일한 타입일 필요없어. 예를 들어, 문자열을 넣었다가 나중에 숫자를 넣어도 상관없어. -숫자 42는 내장된 숫자 타입의 값이야. 이 타입은 변경할 수 없어. - 반면, "42"는 문자열 타입의 값이지만, 강제 변환을 통해 숫자 42로 생성될 수 있어. - 변수에 typeof 연산자를 사용하는 건 "이 변수의 타입은 무엇이니?"라는 질문과 같지만, - 실제로 변수에 타입이 존재하지 않으닌까 "이 변수..

Chap1. 타입과 문법 Chap1. 타입 ECMA 표준 명세서 5.1에 따르면, 자바스크립트에서 사용되는 모든 값은 타입이 존재해. 이 타입은 ECMAScript 언어 타입과 명세 타입으로 분류돼. ECMAScript 언어 타입에는 Undefined, Null, Boolean, String, Number, Object가 있어. 타입이란 개념은 자바스크립트 엔진과 개발자 모두가 어떤 값을 다른 값과 분별할 수 있는, 고유한 내부 특성의 집합이라고 정의해. 따라서, 자바스크립트에는 '타입'이 존재하고, 이를 하위 타입(Subtype)이나 태그(Tag)로 부르는 경우도 있어. 이건 명세에서 정의한 타입의 개념과 다르지 않아. 자바스크립트는 기계와 사람이 모두 이해할 수 있는 값을 다루기 위해 타입이 존재해...

목록 태그(Lists) 목록 태그(Lists) - 다양한 유형의 목록을 사용해서 특성에 따라 정보를 그룹화해서 사용자에게 방향을 제시하는 태그. 목록 태그의 종류 - ul , ol, li, dl 4가지가 존재해. 1. ul - unordered-list(비정렬 목록, 정렬되지 않은 목록) 의 약자 - ol과 반대로 순서가 중요하지 않은(또는 없는) 목록에 사용해. - 일반적인 메뉴, 카테고리, 비슷한 구조의 반복 등에 사용하면 돼. - 자식으로 반드시 li만 가질 수 있어. Corn Tomatoes Beans Onions Garlic 2. ol - ordered-list(정렬된 목록)의 약자야. - 순서가 중요한 목록은 ol태그로 감싸서 나타내야 해. - 자식으로 반드시 li만 가질 수 있어. Cook ..

순수함수 순수함수(pure function) - 어떤 외부 상태에 의존하지않고 변경하지도 않는, 부수 효과가 없는 함수야. 즉, 동일한 인수가 전달되면 언제나 동일한 값을 반환하고 전달된 인수에게만 의존해 반환값을 만들어. - 부작용(side-effect)이 없는 함수, 즉 함수의 실행이 외부에 영향을 끼치지 않는 함수야. 그래서 순수 함수는 스레드 안전하고, 병렬적인 계산이 가능해. 외부 상태 : 전역 변수, 서버 데이터, 파일, Console, DOM 등이 있어. 스레드 안전 - "하나의 함수"가 한 스레드로부터 "호출"되어 실행 중일 때, "다른 스레드가 그 함수를 호출"하여 "동시에 함께 실행"되더라도 각 스레드에서의 함수의 "수행 결과가 올바로 나오는" 것. - return 값으로만 소통해. -..

useRef useRef - 리액트에선 render() 메서드에 의해 만들어지는 DOM에 접근하는 방식 으로 HTML 의 DOM노드와 React Element에 접근할 수 있도록 ref를 제공해. - javascript에서 특정 Dom을 선택하는 역할이 getElementById, querySelector 등이 있다면, 리액트에선 useRef를 사용해서 특정 Dom에 접근해. - 특정 DOM에 접근할 때 사용하고, - 외부 라이브러리 사용할때 유용해. useRef() 를 사용하여 Ref 객체를 만들고, 이 객체를 우리가 선택하고 싶은 DOM 에 ref 값으로 설정해. 그러면, Ref 객체의 .current 값은 우리가 원하는 DOM 을 가르킬 수 있게 되지. useRef가 필요한 상황들 - ref로 값을..