[코드스테이츠/19DAY] Unit11-Coz’ Mini Hackathon 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS 아고라 스테이츠 질문 리스트가 velog.io 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 - script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS - 아고라 스테이츠 질문 리스트가 중앙으로 와야 합니다. ✔ - style.css를 수정하여 멋지고 아름답게 나만의 아고라 스테이츠를 꾸밉니다. -..
[코드스테이츠/18DAY] Unit11-Coz’ Mini Hackathon 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS 아고라 스테이츠 질문 리스트가 velog.io 💡 솔로프로젝트 ⚡ 과제 조건 Bare Minimum Requirement 디스커션 나열 기능 - script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✔ CSS - 아고라 스테이츠 질문 리스트가 중앙으로 와야 합니다. ✔ - style.css를 수정하여 멋지고 아름답게 나만의 아고라 스테이츠를 꾸밉니다. -..
[코드스테이츠/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이..