프론트엔드/자바스크립트 28

Array(1)

자료구조 비슷한 타입의 데이터(object)들을 묶어서 한곳에 보관해 놓는 것 대부분의 프로그래밍 언어들은 동일한 타입의 object만 담을 수 있는데 JS는 동적타입언어라 이것저것 담을 수 있음, 그러나 동일한 타입만 담는 것을 규칙으로함. 어떤 방식/형식으로 데이터를 담냐에 따라서 굉장히 많은 타입이 존재 객체는 서로 연관된 특징과 행동들을 묶어 놓은것들을 의미함 (자료구조와 다름) 삽입, 검색, 정렬, 삭제를 고려해서 자료구조중 가장 효율적인 것을 사용하는것이 중요 자료구조중 하나가 배열이다. 변수, 데이터, 또는 특정 값이 배열인지 아닌지 판별할 수 있다. Array.isArray 1. Declaration (선언) const arr1 = new Array(); const arr2 = [1, 2]..

Object

Object (객체)의 사본 JS의 데이터 타입 중 하나 관련 데이터/함수 집합체 JS의 거의 모든 객체는 Object의 인스턴스 입니다 객체 는 key와 value의 집합체 (object = { key : value };) 하나의 properties는 key:vlaue로 구성됨 object의 key값 호출방법 1. Literals and properties const obj1 = {}; // 'obect literal' 문법 const obj2 = new Object(); // 'object constructor' 문법 function print(person) { console.log(person.name); console.log(person.age); } const ellie = { name: `el..

Class

5. Class 객체지향언어 class는 object(인스턴스)를 만들 수 있는 틀이다 class 자체에는 data가 들어있지 않음 틀(template)을 정의해서 한 번만 선언 한다 class는 정의만 한 것이라서 실재 메모리에 올라가지 않음 class를 이용해서 data를 넣어서 만드는 것이 object다 class를 이용해서 새로운 instance를 생성하면 그게 바로 object가 되는 것 object는 class를 이용해서 무수히 많이 만들 수 있다 class를 이용해 만든 object는 실재 메모리에 올라간다 ES6에 도입 prototype-based 기반으로 그 위에 문법만 class가 추가됨 (문법적 설탕) Object-oriented programming (객체 지향 프로그래밍) clas..

조건문

📌Achievement Goals 조건문 truthy와 falsy가 조건문에서 작동하는 방식을 이해할 수 있다. ✅ 비교 연산자를 통한 엄격한 비교 (===,!==)에 대해 이해할 수 있다. ✅ if와 else if, else를 이해하고 무리없이 활용할 수 있다. ✅ 논리 연산자를 (&&, ||, !..)를 통해 복잡한 조건을 간결하게 작성할 수 있다. ✅ 조건문 문제로 에러 메세지 알아보기 코플릿 에러 메세지 읽는 법을 배우고, 이를 기반으로 작성한 코드를 수정하는 법을 배운다. ✅ 조건문 문제로 배우는 알고리즘 코플릿 조건문 13번 문제의 해결방법을 익히며, 문제를 체계적으로 해결하는 방법을 배운다. ✅ 복잡한 조건문을 활용해, 실생활에서 마주하는 문제를 해결하기 위한 알고리즘을 구현할 수 있다. ✅..

함수

📌Achievement Goals 함수 Intro 함수가 '작은 기능의 단위'라는 것을 이해 할 수 있다. ✅ 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. ✅ 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. ✅ 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다. ✅ 함수의 결과 값이 변수에 할당되어 담기는 과정을 설명할 수 있다. ✅ 함수 기초, 함수 실습 함수의 호출과 리턴에 대해 이해하고, 실제 코드로 작성하여 활용할 수 있다. ✅ 함수 그 자체 func 와 함수의 호출 func() 를 구분하여 사용할 수 있다. ✅ 매개변수(parameter) 와 전달 인자(argument) 를 구분하여 사용할 수 있다. ✅ 같..

타입

📌Achievement Goals 자바 스크립트에서 원시 자료형과 참조 자료형이 무엇인지 알 수 있다. ✅ 원시 자료형 string, number, boolean, undefined 의 의미를 이해 할 수 있다. ✅ 타입마다 다른 속성과 메소드가 있다는 것을 이해 할 수 있다. ✅ typeOf 를 활용하여 특정 값의 타입을 확인 할 수 있다. ✅ 비교시 엄밀한 비교 (===과 !==)의 필요성을 이해 할 수 있다. ✅ 📌Chapter Contents 변수 타입 숫자 -> ex) pi (3.141592) 문자열 -> ex) myname (Doha) Boolean : true/false로 결과가 나온다 -> ex) isAdult (성인입니까?) undefined 함수 📌Summary 변수에는 다양한 타입이 ..

변수

📌Achievement Goals 변수 Intro 프로그래밍은 데이터 처리를 하는 것 임을 이해한다. ✅ 변수 사용은 데이터를 편리하게 저장하고 꺼내쓰는 것 임을 이해한다. ✅ 변수의 선언과 값의 할당에 대해서 설명하고 코드로 작성할 수 있다. ✅ 값으로 변환된 표현문이 변수에 할당되어 담기는 과정을 설명할 수 있다. ✅ 변수 기초, 변수 실습 자바 스크립트에서 변수의 선언과 값의 할당에 대해 설명할 수 있다. ✅ 변수 선언과 값 할당에 사용되는 용어에 대해 정확하게 알 수 있다. ✅ =가 '같다' 라는 의미가 아니라 할당 연산자 임을 이해할 수 있다. ✅ num = num + 1이 '같다' 라는 의미가 아니라 값을 할당하는 것 임을 설명할 수 있다. ✅ 📌Chapter Contents 변수 Intro ..