드림오구
article thumbnail
🌊 [javascript] 객체 리터럴
🐣 STUDY/Java Script 2023. 3. 11. 21:51

🌊 [javascript] 객체 리터럴 자바스크립트는 객체 기반의 프로그래밍 언어이다.자바스크립트를 구성하는 거의 "모든 것" velog.io 객체 리터럴 🌊 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어이다. 원시 값을 제외한 자바스크립트를 구성하는 거의 모든 것(함수, 배열, 정규표현식 등)이 객체다. 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조다. 객체는 변경 가능한 값이다. 객체는 0개 이상의 프로퍼티로 구성 된 집합이며 프로퍼티는 키(key)와 값(value)으로 구성 함수도 프로퍼티 값으로 사용할 수 있으며 프로퍼티 값이 함수일 경우 메서드(method)라고 부른다. 함수로 객체를 생성하기도 하며 함수 자체도 객체이다. let ogu = { age : '30', job : ..

article thumbnail
🌊 [javascript] 프로그래머스 - 중앙값 구하기
🐣 STUDY/Algorithm 2023. 3. 11. 21:50

🌊 [javascript] 프로그래머스 - 중앙값 구하기 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값 velog.io 💡 중앙값 구하기 - Lv. 0 🧡 문제 설명 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. 💛 제한사항 array의 길이는 홀수입니다. 0 a - b)의 원리 sort의 알고리즘은 2개의 인자를 뺄셈하여..

article thumbnail
[코드스테이츠/19DAY] Unit11-Coz’ Mini Hackathon
🐹 TIL/Daily 2023. 3. 11. 21:48

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

article thumbnail
[코드스테이츠/18DAY] Unit11-Coz’ Mini Hackathon
🐹 TIL/Daily 2023. 3. 11. 21:47

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

article thumbnail
[코드스테이츠/16,17DAY] Unit10 - [JS/브라우저] DOM
🐹 TIL/Daily 2023. 3. 11. 21:46

[코드스테이츠/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를 적용하기 위해서는 태그..

article thumbnail
[코드스테이츠/15DAY] Unit9 - [JavaScript] 핵심 개념과 주요 문법 Koans
🐹 TIL/Daily 2023. 3. 10. 22:53

[코드스테이츠/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..

article thumbnail
[코드스테이츠/14DAY] Unit9 - [JavaScript] 핵심 개념과 주요 문법 - ES6 주요문법
🐹 TIL/Daily 2023. 3. 10. 22:52

[코드스테이츠/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 문법 : 매개변수를 배열..

article thumbnail
[코드스테이츠/13DAY] Unit9 - [JavaScript] 핵심 개념과 주요 문법 - 참조자료형
🐹 TIL/Daily 2023. 3. 10. 22:51

[코드스테이츠/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 과 같이 고정된 저장 공간을 가진 자료형..