https://www.youtube.com/@codingangma 코딩앙마 안녕하세요. 코딩앙마 입니다 :) www.youtube.com javascript, typescript, react, nextjs강좌가 있고 짧은데 필요한 내용만 들어있습니다. 무료강의중에서 가장 괜찮습니다.

var object = {key1: value1, key2: value2} 1. 객체의 점 표기법 object.key1.value1 object.key2.value2 key1.value1 key2.value2 2. 객체의 괄호 표기법 object['key1']['value1'] object['key2']['value2'] key1['value1'] key2['value2']

객체 데이터 표현 방식 1. 객체 var object = {a, b, c}; 2. 배열 var array = [a, b, c]; Tip) 각 아이템들을 하나 하나 개별 전송하는 것보다, 하나의 객체를 전송하는 것이 훨씬 효율적이였습니다. 또 각 아이템들을 이름으로 구분해서 사용하기 원할 때도 배열을 사용하는 것보다 훨씬 쉽습니다.

간단한 예시이며 for반복문과 함께 사용되어야 모든 element의 타겟지정이 가능하다는 것을 알 수 있었다.

1. 브라우저 내장 함수(= method) 사용자의 정의 없이 호출해 사용할 수 있는 함수. 객체화된 함수. 객체이기 때문에 정의없이 호출 가능. 2. 사용자 정의 함수 사용법 1. function a(){} a(); 2. var a=function(){} a(); a 는 object 형태의 변수이다. 3. 익명 함수 사용자의 직접적인 호출없이 실행되는 함수. 용도 이벤트 함수 정의에 용이. 호출없이 이벤트가 발생될 때마다 실행하여 함수명은 필요없음. 외부 스크립트 또는 브라우저 내장 함수의 코드와 같은 변수 또는 함수 이름을 사용하면 충돌이 일어나게 된다. 마지막에 선언된 변수 또는 함수를 진짜 실행할 로직으로 컴퓨터가 인지하게 된다. 컴퓨터는 중복 선언된 구문 중에서 최종적으로 선언된 것을 개발자가 ..

1. for loop문의 형태 for (초기값; 반복이 멈추는 조건; 식) { A } 초기값 — 일반적으로 숫자로 설정된 변수이며 루프가 실행된 횟수가 얼마나 되는지 알기위해 증가한다. 반복이 멈추는 조건 — 앞에서 언급했듯이 loop가 loop를 언제 멈출지 정의한다. 이 조건은 일반적으로 비교 연산자, 종료 조건이 충족되었는지 확인하는 테스트를 특징으로 하는 표현식이다. 식 — 이것은 매번 loop 전체가 반복이 될때 항상 분석(또는 실행)한다. 일반적으로 counter variable를 증가(또는 경우에 따라 감소)하여 종료 조건 값으로 점점 가까워진다. A — A는 loop가 반복 될 때마다 실행된다. 작성 시 Tip -- (1) for문의 중괄호 안의 코드 블럭에 break문을 추가할 수 있는데..

삼항(조건)연산자는 조건이 참이면 한 값/표현식을 반환하고 조건이 거짓이면 다른 값/표현식을 반환하는 구문입니다. 이것은 어떤 상황에 유용할 수 있으며, 참/거짓 조건을 간단히 선택할 수 있는 상황이라면 if...else 블록문보다 코드를 훨씬 적게 사용할 수 있습니다. 사용법은 아래와 같습니다. (조건식) ? A : B 조건문이 true를 반환할 때 A를 실행하고, true를 반환하지 않는 경우에 B를 실행합니다.

if...else문은 두 가지 선택을 가지고 있는 경우에 주로 유용합니다. 그리고 각각은 실행되기 위한 합리적인 양의 코드가 필요하고, AND/OR 조건은 복잡합니다. 많은 선택 항목이 있는 경우에 특히 그렇습니다. switch statements는 입력으로 하나의 표현식/값을 받고, 값과 일치하는 하나를 찾을 때까지 여러 항목을 살펴보고 그에 맞는 코드를 실행합니다. switch (식) { case choice1: A break; case choice2: B break; default: C } 뒤에 괄호가 오는 키워드 switch. 괄오 내부에는 표현식이나 값을 입력합니다. 표현식이나 값이 될 수 있는 선택이 따라 오는 키워드 case는 콜론이 뒤에 옵니다. break문은 뒤에 세미콜론이 옵니다. 이전..

논리 연산자의 사용법 잘못된 예시) if (x === 5 || 7 || 10 || 20) { A } 올바른 예시) if (x === 5 || x === 7 || x === 10 ||x === 20) { A } && — AND; true를 리턴하는 전체 표현식을 위해 각각 true계산되는 둘 이상의 표현식을 함께 연결할 수 있습니다. || — OR; true를 리턴하는 전체 표현식을 위해 하나 이상이 true로 계산되는 둘 이상의 표현식을 함께 연결할 수 있습니다. ! — NOT; 입력한 조건이 리턴하는 상태를 부정하는 경우에 사용합니다.

* if else문의 구조 -- (1) if (조건) { A } else { B } * if else문의 설명 키워드 if 뒤에 괄호가 옵니다. 시험할 조건은 괄호 안에 위치합니다. (전형적으로 "이 값이 다른 값보다 큰지", "이 값이 존재하는지") 이 조건은 마지막 모듈에서 논의했던 비교연산자(comparison operators)를 사용할 것이고 true 나 false를 리턴합니다. 내부의 중괄호 안에 코드가 있습니다. — 이것은 우리가 좋아하는 코드일 수 있고, 조건이 true를 반환하는 경우에만 실행됩니다. 키워드 else. 또 다른 중괄호 안에 더 많은 코드가 있습니다. — 이것은 우리가 좋아하는 코드 일 수 있고, 조건이 true가 아닌 경우에만 실행됩니다. 만약 조건이 true면, 코드 A..

1. 문자열을 배열로 변환하는 방법 (1) 문자열 선언 var myStringExam = 'orange,grape,apple,kiwi,melon,watermelon'; (2) 배열로 변환 var myArrayExam = myStringExam.split(','); 2. 배열을 문자열로 변환하는 방법 (1) 배열 선언 var myArrayExam = ["orange", "grape", "apple", "kiwi", "melon", "watermelon"]; (2)-1 문자열로 변환 var myStringExam = myArrayExam.join(','); (2)-2 문자열로 변환 var myStringExam = myArrayExam.toString();

ECMAScript사용 시 특징 1. 간결한 알고리즘을 짤 수 있으므로 배열, 함수화 잘하기 2. 코드 상단에 'use strict' 붙이기 에러를 정확하게 잡아줌. 예외처리 구체화 및 에러 검출 시 정확한 에러 검출이 되므로써 알고리즘 검사 최소화. 3. object, number로 타입을 선언함으로써 타언어에 비해 사용되는 타입의 종류가 적으므로 검사최소화. 빠른 렌더링 가능 4. 상속, 오버로딩 불가능. 흉내는 가능하다. 5. 타입은 포괄적이지만 변수가 독특하다. 6. 엔진 직접적으로 접근불가능하므로 프론트 언어중에서 javascript를 사용하기 위해선 분업이 편리.

유형 크기 (바이트) 설명 Web IDL 형 해당 C 형 Int8Array 1 8비트 2의 보수 형식 부호 있는 정수 byte int8_t Uint8Array 1 8비트 부호 없는 정수 octet uint8_t Uint8ClampedArray 1 8비트 부호 없는 정수 (단속됨) octet uint8_t Int16Array 2 16비트 2의 보수 형식 부호 있는 정수 short int16_t Uint16Array 2 16비트 부호 없는 정수 unsigned short uint16_t Int32Array 4 32비트 2의 보수 형식 부호 있는 정수 long int32_t Uint32Array 4 32비트 부호 없는 정수 unsigned long uint32_t Float32Array 4 32비트 IEEE ..

function msgAfterTimeout (msg, who, timeout) { return new Promise((resolve, reject) => { setTimeout(() => resolve(`${msg} Hello ${who}!`), timeout) }) } msgAfterTimeout("", "Foo", 100).then((msg) => msgAfterTimeout(msg, "Bar", 200) ).then((msg) => { console.log(`done after 300ms:${msg}`) })