개발18 자바스크립트기본 - 스코프 스코프란 스코프란 현재 컨텍스트에서 접근할 수 있는 변수들의 범위를 말한다. 어떤 변수가 스코프안에 선언 되어있다면 이 변수는 스코프안에서만 접근하여 쓸수있다. var a = '글로벌'; function func() { var a = '함수안의변수'; if (1) { var a = 'if문 변수' console.log(a); //1 } console.log(a); //2 } func(); console.log(a);//3 es6이전 방식인 var 키워드로 변수를 선언하고 스코프범위를 알아보자. 1. if문안이니 'if문 변수'가 출력된다. 2. func 함수안에서 사용하니 '함수안의변수'가 출력 될거같지만 'if문 변수'가 출력된다. 3. 글로벌에 선언된변수니 '글로벌'이 출력된다. 다른언어와 같이 블록.. 2022. 7. 10. 자바스크립트기본 - Dom 이란?(Document Object Model) 문서 객체 모델(Dom) 브라우저랜더링 엔진이 HTML를 파싱하여 브라우저가 이해할 수 있는 구조로 메모리에 올리는데 이것을 DOM이라고 한다. 모든 요소를 객체로 만들고 부모자식 관계를 표현할 수 있는 트리구조로 구성한다. DOM트리는 노드로 구성된다. 루트를 제외하고 모든노드에 부모가 있으며 자식노드 있어도 되고 없어도 된다. 루트노드는 document이며 자식노드는 html요소이다. 이하 자식노드로 head, body가 있으며 body노드 아래로 여러 자식노드가 존재한다. DOM트리의 모든 노드는 Node 클래스의 인스턴스이다. 부모와 자식노드 자신을 나타내는 프로퍼티인 parentNode, childNodes, nodeName, nodeType이 있다. DOM은 자신을 변경가능할 수 있게 API를.. 2022. 7. 9. 단일 책임 원칙(Single responsibility principle) - SRP 단일 책임 원칙 정의 클래스에는 하나의 책임만 있어야 한다. 원칙 위반시 증상 기능 변경이 발생하면 연쇄적으로 코드 수정을 해야 한다. 기능이 너무 복잡해서 재사용하기가 어렵다. 메서드 몸체의 크기가 너무 크다. 원칙 적용 방법 클래스를 변경하는 이유는 하나여야 한다는 기준으로 기능을 나눈다. 2022. 7. 2. 객체 지향 설계 원칙 객체지향 설계란 객체지향 설계란 말 그대로 객체를 지향하는 설계이며 핵심 3가지 는 협력 , 역할, 책임이 있다. 적절한 책임을 적절한 객체에 할당하고 그 책임 수행하는 객체들의 협력으로 프로그래밍 하는 것이다. 커피를 주문하는 과정에 적용을 해보면 손님-캐셔-바리스타 각 세사람의 역할이 있다. 각 역할을 하는 사람은 각자만의 책임이 있다. 1. 손님 커피를 고르고 주문을 하는책임 2.캐셔 주문을 받고 메뉴를 바리스타에게 전달하는 책임 3.바리스타 주문 받은 메뉴를 제조하는 책임 각 역할들의 협력으로 주문-메뉴전달-제조 완성한다. 각 사람들은 다른 사람이 정확하게 뭘 하고 있는지 자세히 알필요가없다. 그냥 요청을 할 뿐이다. 손님-주문하기 요청 캐셔-주문대한 요청을 받고 메뉴제조를 요청 바리스타-메뉴제조.. 2022. 6. 29. 이전 1 2 3 4 5 다음 반응형