[코드스테이츠/16,17DAY] Unit10 - [JS/브라우저] DOM : DOM(Document Object Model)은 HTML 문서의 계층적 구조와 정보를 표현하면 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조이다.DOM은 HTML 요소를 Object 할 수 있는 Model이다. 자 velog.io DOM : DOM(Document Object Model)은 HTML 문서의 계층적 구조와 정보를 표현하면 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조이다. DOM은 HTML 요소를 Object 할 수 있는 Model이다. 자바스크립트를 이용하여 DOM으로 HTML을 조작할 수 잇다. HTML에 JavaScript를 적용하기 위해서는 태그..

[코드스테이츠/15DAY] Unit9 - [JavaScript] 핵심 개념과 주요 문법 Koans velog.io Koans 🚨 어려웠던 문제 function getAllParamsByRestParameter(...args) { return args; } function getAllParamsByArgumentsObj() { return arguments; // arguments는 모든 함수의 실행시 자동으로 생성되는 객체 } const restParams = getAllParamsByRestParameter('first', 'second', 'third') const argumentsObj = getAllParamsByArgumentsObj('first', 'second', 'third'); let r..

[코드스테이츠/14DAY] Unit9 - [JavaScript] 핵심 개념과 주요 문법 - ES6 주요문법 : 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용: 매개변수를 배열의 형태로 받아서 사용할 수 있다. 매개변수의 갯수가 가변적일 때 유용.spread 문법은 배열 velog.io ES6 문법 📚 spread / rest 문법 spread 문법 : 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용 function sum(x,y,z) { return x + y + z; } const numbers = [1,2,3] sum(...numbers) console.log(sum(...numbers)) // 6 rest 문법 : 매개변수를 배열..

[코드스테이츠/13DAY] Unit9 - [JavaScript] 핵심 개념과 주요 문법 - 참조자료형 자바스크립트에서 제공하는 7가지 데이터 타입(number, string, boolean, Null, undefined, symbol, object)은 number, string, boolean, null, undefined , symbol 과 같이 고정된 저장 공간을 velog.io 참조 자료형 📚 원시 자료형 VS 참조 자료형 자바스크립트에서 제공하는 7가지 데이터 타입(number, string, boolean, Null, undefined, symbol, object)은 number, string, boolean, null, undefined , symbol 과 같이 고정된 저장 공간을 가진 자료형..

[코드스테이츠/12DAY] Unit8 - [JavaScript] 객체 객체 객체는 변경 가능한 값이다. 배열은 각 값이 하나의 변수로 묶여있긴 하지만, 이 경우에는 각 index가 어떤 정보를 갖고 있는 지 미리 알고 있어야 한다. index로 접근할 경우 가독성도 떨어진 velog.io 객체 객체는 변경 가능한 값이다. 배열은 각 값이 하나의 변수로 묶여있긴 하지만, 이 경우에는 각 index가 어떤 정보를 갖고 있는 지 미리 알고 있어야 한다. index로 접근할 경우 가독성도 떨어진다. 객체는 하나의 변수 안에 여러가지 정보를 넣을 때 적합한 자료 구조이다. let ogu = { name : 'ogu', age : '30', family : 'babyogu' // name, age, family 등..

[코드스테이츠/11DAY] Unit8 - [JavaScript] 배열 배열의 반복 myNum 배열의 엘리먼트를 모두 더하는 법 자바스크립트의 특정 값이 배열인지 판별 할 수 있는 Array.isArray console.table() 뒤 쪽에 아이템 추가 배열의 메서드 뒤에 element 추가 : push 뒤에 e velog.io 배열의 반복 myNum 배열의 엘리먼트를 모두 더하는 법 let myNum = [10, 20, 40, 10]; let sum = 0; for(let i=0; i sum에 0을 할당하지 않으면 undefined + 10이..

[코드스테이츠/10DAY] Unit7 - [Linux/Git] 기초 Command-Line Interface CLI와 GUI의 차이 CLI란? >명령줄 인터페이스(CLI)는 Command-Line Interface 또는 Character User Interface의 줄임말로 글자를 입력하여 컴퓨터에 명령을 내리는 방식이다. GUI란? velog.io Command-Line Interface CLI와 GUI의 차이 CLI란?명령줄 인터페이스(CLI)는 Command-Line Interface 또는 Character User Interface의 줄임말로 글자를 입력하여 컴퓨터에 명령을 내리는 방식이다. GUI란?Graphical User Interface의 약자. 현대 운영 체제는 물론이고 온갖 게임이나 유..

[코드스테이츠/9DAY] Unit6 - 간단한 웹앱 만들기 오늘은 페어프로그래밍으로 계산기를 만들었다. 부트캠프에선 3단계로 나뉘어 구현할 것을 지정해주었는데 나는 그중 Nightmare 단계의 마지막 문제만 해결하지 못 하였다.그 점이 조금 아쉬었다. velog.io 계산기 만들기 오늘은 페어프로그래밍으로 계산기를 만들었다. 부트캠프에선 3단계로 나뉘어 구현할 것을 지정해주었는데 나는 그중 Nightmare 단계의 마지막 문제만 해결하지 못 하였다. 그 점이 조금 아쉬었다. 재도전을 해야할 것 같다. 헤맸던 점 의외로 부트캠프에서 제안한 조건이 아닌 엉뚱한 곳에서 발생하였다. Nightmare 단계의 한 개를 제외하고 테스트를 모두 통과하였는데 숫자, 사칙연산자 , 엔터, 엔터를 누르면 NAN이 출력되..