junior developer :)/JS_JavaScript19 객체지향 프로그래밍 (OOP : Object-Oriented Programming) 객체지향은 프로그램 설계 방법중의 하나로 객체의 관점에서 프로그래밍하는 것을 말한다. OOP는 객체들의 유기적인 관계를 통해서 프로세스가 진행된다 (ex. java) 코드의 재사용성이 가능하고 생산성이 향상된다는 장점이 있다 JavaScript도 객체지향언어는 아니지만 객체지향으로 작성이 가능하고, TypeScript는 보다 개체지향적으로 디자인 되었다 반대 개념으로 *절차 지향 프로그래밍이 있다 객체지향의 4가지 속성 캡슐화(Encapsulation) 데이터와 기능을 하나의 단위로 묶는 것으로 어떠한 클래스를 사용할 때 내부 동작이 어떻게 돌아가는지 모르더라도 사용법만 알면 쓸 수 있도록 클래스 내부를 감추는 기법 - 은닉화의 특징도 가지고 있음 은닉화는 내부 데이터나 내부 구현이 외부로 노출되지 않도.. 2022. 9. 21. 객체지향 프로그래밍 1. 클래스와 인스턴스 객체지향 프로그래밍을 이해하기 위해서는 클래스와 인스턴스의 이해가 필요합니다. 그렇기 때문에 객체지향 프로그래밍에 대해 본격적으로 공부 해보기 전에 클래스와 인스턴스에 대해서 정리하고 넘어가려고 합니다. 클래스 정의 : 객체를 만들기 위한 틀을 잡아주는 문법(ex.붕어빵 틀) 클래스를 만드는 방법은 두가지가 있습니다 두가지 방법 전부 다른 일반적인 함수와 구분하기 위해 클래스는 대문자로 시작하는 일반명사로 만든다 - 일반적인 함수를 정의하듯 만드는 법(ES5클래스 작성 문법) function Computer (brand, name, version, color){ this.color = black; . . . } - ES6에 도입된 문법 최근에 주로 사용되는 방식으로 class 생성자를 이용하여 정의한다 .. 2022. 9. 21. css Link를 <head>에 선언하고 js script를 <body>에 선언하는 이유(JS) 일반적으로 html에서 js와 css를 import 할 때 css의 는 에, js의 script는 에 선언하는데, 그 이유는 무엇일까? css의 link를 head에 선언하는 이유 이는 최적화된 웹사이트를 구축하기 위해 필요하다. html과 css는 시각적인 부분을 담당하기 떄문에 페이지가 처음 로드되면 HTML과 CSS(head 안에 있는 경우)가 함께 파싱된다. HTML은 DOM(Document Object Model)을 만들고 CSS는 *CSSOM(CSS Object Model)을 만든다 stylesheet가 body에 선언되게 된다면? HTML이 먼저 렌더링 되고 그 다음에 CSS스타일이 적용된다. 즉, 2번 렌더링 되기 때문에 비효율적이다 js script를 body 끝에 선언하는 이유 HTML.. 2022. 9. 20. 함수 선언식 vs 함수 표현식 vs 화살표 함수 (JS) 함수 선언식 가장 기본적인 함수 선언 방식으로 함수명이 정의되어 있고, 별도의 할당 명령이 없는 특징을 가지고 있다 function add(a,b){ return a+b } 함수 선언식은 함수 호이스팅이 발생한다 (함수 선언문 이전에 함수를 참조/실행 할 수 있다) 함수 표현식 정의한 함수를 별도의 변수에 할당하여 사용하는 방식 let cat = function minus(x,y){ return x-y } 함수 명 없이도 함수 표현식을 만들 수 있다 let cat = function (x,y){ return x-y } 이런 함수표현식을 익명함수라고 한다 - 익명함수란 함수를 재사용하지 않을 목적으로 함수에 이름을 붙이지 않는 것을 뜻한다. 화살표 함수 화살표 함수는 함수 표현식의 단축형이라고 할 수 있다.. 2022. 9. 15. 이전 1 2 3 4 5 다음 728x90 반응형