전체 글

객체 지향 프로그래밍 - 객체 지향 프로그래밍

객체 지향 언어 란? 단순히 별개의 변수와 함수로 작동하는 것 뿐만 아니라, 데이터의 접근과, 데이터의 처리 과정에 대한 모형을 만들어 내는 방식 "클래스"라고 부르는 데이터 모델의 틀을 사용해 코드 작성 좋은 어플리케이션을 만들 기 위한 객체 지향 프로그래밍의 주요 개념 OOP Basic Concepts [ 객체 지향 프로그래밍의 주요 개념 ] Encapsulation (캡슐화) : 코드가 복잡하지 않게 만들고, 재사용성을 높임 Inheritance (상속) : 불필요한 코드를 줄여 재사용성을 높임 Abstraction (추상화) : 코드가 복잡하지 않게 만들고, 단순화된 사용으로 변화에 대한 영향을 최소화 Polymorphism (다형성) : 동일한 메서드에 대해 if/else if와 같은 조건문 대..

객체 지향 프로그래밍-클래스와 인스턴스

클래스와 인스턴스 class Car { constructor( brand, name, color ){ } } class 로 function 과 같은 함수를 표현할 수 있습니다.( 붕어빵 틀 ) constructor 로 인스턴스가 만들어질 때 실행되는 코드(속성)를 만들 수 있습니다. *생성자 함수는 return 값을 만들지 않습니다. 클래스의 새로운 인스턴스 만들기 let avante = new Car ( 'hyundai', 'avante', 'black' ) // brand : hyundai, name : avante ... let mini = new Car ( 'bmv', 'mini', 'white' ) // brand : bmv, name : mini ... new 키워드를 통해 Car의 인스턴스를..

javascript 고차함수

javascript에서의 일급객체 란? 특별대우를 받는 ' 함수 ' === 고차함수 함수를 변수에 저장할 수 있다. 다른 함수의 전달인자로 전달할 수 있다 === 콜백함수 다른 함수의 결과로 리턴될 수 있다 === 커링함수 let func = ()=>{} function (a , func) return func() 가장 많이 쓰이는 내장 메서드 filter, map, reduce ●arr.filter( 조건함수 ) : 배열(arr)의 각 Element 가 조건 함수에 따라 true일 때, 조건 함수의 전달인자로 전달 되어 새로운 배열을 리턴하는 메서드 ●.map( 조건함수 ) : 조건함수에 해당하는 요소들로 새로운 object를 만들어 주는 메서드 ●.reduce : [ reduction :응축하다 ] ..

코드스테이츠 프론트엔드 42기 Section 1 회고

코드스테이츠 프론트엔드 42기 Section 1 회고 드디어 프론트엔드 수업을 들은지 28일차 Section1 이 끝났다. 정말 열정 200%로 시작하여, 하루를 30분단위로 쪼개 계획을 세웠고, 거창한 목표보단 가벼운 눈앞으의 목표들을 세우며 출발했다. 결과는 처참했다. 어느세 계획을 5개 세우면 1개 성공한 것 만으로 만족하고 있는 내가 되어있었다. 이 말의 즉은 내가 완주할 수 있는 속도를 제대로 알지 못한 채 계획을 세웠다는 말이다. 그걸 오늘의 회고를 통해 확실하게 깨닫게 되었고, 조금 더 내 페이스에 맞게 조절해 욕심부리지 말고 계획과 목표를 설정해야 겠다는 생각을 했다. 부트캠프 수료 후 되어있을 나의 모습을 상상하며 다시 한번 목표를 작성해보는 것이 하루 1 순위 목표이다. 첫 날 나의 목..

dom

먼저 DOM의 정의는 이렇습니다. DOM 은 문서를 nodes와 objects 로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결하는 역할을 한다. 문서의 구조화 된 표현을 제공하며, DOM은 html 구조에 접근할 수 있는 방법을 제공하여, 문서의 구조, 스타일 , 내용 등을 변경할 수 있도록 돕는다. DOM의 구조를 조회할때는 console.log 보다 console.dir 이 유용합니다. console.dir 는 DOM을 objects의 모습으로 출력합니다. DOM 의 메소드 .createElement DOM 을 이용해 HTML 을 조작하여 새로운 요소를 만든느 법 .append 원하는 곳에 변수를 넣고싶을 때 사용 .querySelector 원하는 것..

javascript 클로저 함수

클로저 함수 MDN 의 클로저함수의 정의 "함수와 함수가 선언된 어휘적(lexical) 환경의 조합" 솔직히 무슨 말인지 1도 이해가 안된다. 정리해 보겠다. 클로저 함수 함수가 호출되는 환경과 별개로 "외부함수의 변수로 접근할 수 있는 내부함수" 를 말한다. 이말의 즉은 함수를 리턴값으로 가지는 함수를 말한다. 함수의 실행이 끝나도 외부 함수 내 변수를 사용할 수 있다. 클로저의 활용 클로저 함수의 특징 " 함수의 실행이 끝나도 외부 함수 내 변수를 사용할 수 있다." 를 이용하여 클로저 함수를 사용하면 좋은 점을 알아보자. 모듈화 클로저 함수는 외부함수실행이 끝나도 외부 함수 내 변수가 메모리 상에 저장되며 재사용할 수 있게 되는데 이를 이용하여 모듈화를 시킬 수 있다. //예시 const makeC..