JavaScript (3) 썸네일형 리스트형 JavaScript(ES6)|클래스와 오브젝트의 차이점, 객체지향 언어 클래스 정리 class person{ name; age; speak(); name; age; ->속성 (field) speak(); -> 행동 (method) 클래스는 연관있는 데이터들을 묶어 놓은 것. 간혹 행동(method)없이 속성 (field)만 들어있는 경우도 있음. 이런것을 데이터 클래스라고 부름. 클래스 안에서도 내부적으로 보여지는 변수와 밖에서 보일 수 있는 변수들을 나누어서 이런것들을 캡슐화라고 함. 클래스를 이용하여 상속과 다양성이 일어날 수 있음. 이런 모든 것들이 가능한것이 객체지향 언어. class :(틀, 청사진, 템플릿이라고도 불림/ 붕어빵 틀) -template -declare once -no data in object :(실제로 클래스에 데이터를 넣을 수 있는 것 / 팥, 크림, 등등... JavaScript(ES6)|Arrow Function, 함수의 선언과 표현 Function -fundamental building in the program : function은 프로그램을 구성하는 굉장히 기본적인 빌딩 블럭. -subprogram can be used multiple times :서브프로그램이라고도 불리며 여러번 재사용이 가능함. -perform a task or calculates a value :한 가지의 take나 어떠한 값을 계산하기 위해 쓰여짐. 1.Function declaration -function name(param1, param2) {body... return;} : function 키워드를 써준 후, name 이름을 지정하고, (파라미터들을 쭉 나열) { 함수안에 기본적인 비지니스 로직을 작성한 다음 리턴} -one function === .. Vanilla JS 사용 시 유의사항 | 'use strict'; 'use strict'; 제일 윗부분에 선언해 주는 게 좋다. 브랜든이 자바스크립트 언어를 만들때 빨리 만들어야 했기 때문에 굉장히 유연한 언어로 만들어짐. 즉, 위험할 수 있는 언어라는 뜻. 'use strict'; 없을 때 선언하지 않은 값을 작성하면 브라우저 console 창에 오류가 뜨지 않음. 그래서 'use strict'; 선언하여 상식적인 자바스크립트로 개발해야 함. 그래야 더욱 효율적으로 빠르게 분석할 수 있으므로 성능 개선까지 기대할 수 있음. 이전 1 다음
