🌊 TIL : 2023년 3월 16일 오늘 배운 것 javascript 객체 지향 프로그래밍을 할 수 있다. class라는 키워드를 사용하는게 ES6 문법이고 조금 더 낫다. 절차지향 언어 잠을 자고 일어난다 씻는다 밥을 먹는다 배가 고프지 않으면 5번으로 이동한다 공부를 한다 졸리면 1번으로 돌아간다 객체지향 언어 사람{ 이름 성별 나이 밥 먹기 잠 자기 옷 입기 } 절차 지향 객체 지향 특성 적음 많음 메모리 사용 빠름 느림 재활용성 낮음 높음 코드 이해 어려움 쉬움 디버깅 어려움 쉬움 객체 지향은 하나의 프로그래밍 방법론일 뿐 무조건 좋은건 아니다. 각 방법론의 장단점을 잘 알고, 상황에 맞는 방법론을 선택하면 된다. 자바스크립트는? 자바스크립트의 객체지향 언어는 프로토타입을 기반으로 한다 자바스크..
🌊 TIL : 2023년 3월 15일 : 오늘.. 정말 많은 블로깅 과제가 나왔다.. 프로토타입은 이해가 잘 가지 않아서 글로 정리하는 것도 많은 벅참을 느꼈다 ㅠㅠ 다음에 다시 한 번 정리해야 할 것 같다. 오늘 배운 것 클래스와 인스턴스 🌊 [javascript] 클래스와 인스턴스 🌊 클래스와 인스턴스 객체지향 프로그래밍 하나의 모델이 되는 청사진을 만들고 → class 그 청사진을 바탕으로 한 객체를 만드는 → instance 프로그래밍 패턴 // class function Fishbread(ingredients) {} // dreamogu59.tistory.com 객체 지향 프로그래밍 🌊 [javascript] 객체 지향 프로그래밍 🌊 객체 지향 프로그래밍 객체 지향 vs 절차 지향 객체 지향 (..
🌊 TIL : 2023년 3월 14일 : 오늘 section2의 첫 날! 오늘 어제 풀었던 프로그래머스 문제에 나왔던 배열 메서드를 배워서 문제 풀기가 수월하였다. 오늘 배운 것 : [JavaScript] 고차 함수 일급 객체 특징 변수에 할당할 수 있다 다른 함수의 전달인자로 전달될 수 있다. 다른 함수의 결과로서 반환될 수 있다. 고차 함수 : 고차 함수는 함수를 전달인자로 받을 수 있고, 함수를 반환할 수 있는 함수이다. 다른 함수의 전달인자로 전달되는 함수를 콜백함수라고 한다. 다른 함수를 인자로 받는 경우 함수를 리턴하는 경우 함수를 인자로 받고 함수를 리턴하는 경우 내장 고차 함수 filter 메서드 특정 조건을 만족하는 요소만 걸러낸다. 내부 조건에 따라 참 또는 거짓을 반환한다. 반환값이 ..
[코드스테이츠/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 문법 : 매개변수를 배열..