본문 바로가기
반응형

프로그래밍언어 & 프레임워크/JavaScript13

자바스크립트 객체(Object) 객체란? 현실의 사물을 프로그래밍에 반영한 것 입니다. 키로 구분된 데이터 집합이나 복잡한 개체(entity)를 저장할 수 있습니다. 원시형과 다르게 다양한 데이터를 담을 수 있습니다. * 여덞가지 자료형 중 7개는 오직 하나의 데이터(문자열, 숫자 등)만 담을 수 있어'원시형(primitive type)'이라 부릅니다. 객체는 자바스크립트 거의 모든 면에 녹아있는 개념입니다. 자바스크립트를 잘 다루려면 객체를 잘 이해하고 있어야 합니다. 객체 만드는 법 중괄호 {...} 를 이용해서 만듭니다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있습니다. * 키엔 문자형, 값엔 모든 자료형이 허용합니다. 빈 객체를 만드는 2가지 예시 let u.. 2021. 2. 13.
MVC 패턴(Model, View, Controller) MVC 패턴이란?(링크로 이동) 에플리케이션을 세가지의 역할로 구분한 개발 방법론이다 소프트웨어 디자인 패턴 중 하나이다. M = [Model] 애플리케이션의 정보(데이터) V = [View] 텍스트, 체크박스 항목 등과 같은 사용자 인터페이스 요소 C = [Controller] 데이터와 비즈니스 로직 사이의 상호동작을 관리 사용자가 웹사이트에 접속한다. (Uses) Controller는 사용자가 요청한 웹페이지를 서비스 하기 위해서 모델을 호출한다. (Manipulates) 모델은 데이터베이스나 파일과 같은 데이터 소스를 제어한 후에 그 결과를 리턴한다. Controller는 Model이 리턴한 결과를 View에 반영한다. (Updates) 데이터가 반영된 VIew는 사용자에게 보여진다. (Sees) .. 2021. 2. 9.
null과 undefined 차이(자바스크립트[JavaScript]) null 값 자바스크립트에서 null 값이란 자바스크립트의 null은 자바스크립트 이외 언어의 null과 성격이 다릅니다. 다른 언어에선 null을 '존재하지 않는 객체에 대한 참조’나 '널 포인터(null pointer)'를 나타낼 때 사용합니다. null 값은 지금까지 자료형(문자열, 숫자열 등) 중 어느 자료형에도 속하지 않는 값입니다. null값은 오로지null값만 포함하는 별도의 자료형을 만듭니다. 존재하지 않는(nothing) 값 비어 있는(empty) 값 알 수 없는(unknown) 값 let age = null; let age = null;은 나이(age)를 알 수 없거나 그 값이 비어있음을 보여줍니다. undefined 값 undefined 값도 null 값처럼 자신만의 자료형을 형성합니.. 2021. 2. 9.
자바스크립트 변수 명명 규칙들 변수 명명 시 두 가지 제약 사항 변수명에는 오직 문자와 숫자, 그리고 기호 $와 _만 들어갈 수 있습니다. 첫 글자는 숫자가 될 수 없습니다. 변수, 함수명은 카멜 케이스를 사용한다. 여러 단어를 조합하여 변수명을 만들 땐 카멜 표기법(camelCase)가 흔히 사용됩니다. 카멜 표기법은 변수 첫 단어를 제외한 각 단어의 첫 글자를 대문자로 작성합니다. 예시) let myName = "smith"; let myAge = 40; * 프로그래밍 변수명 표기법(링크로 이동) 특수 기호는 일반 글자처럼 특별한 의미를 지니진 않음 let $ = 1; // '$'라는 이름의 변수를 선언합니다. let _ = 2; // '_'라는 이름의 변수를 선언합니다. alert($ + _); // 3 잘못된 변수명의 예시 l.. 2021. 2. 8.
자바스크립트(JavaScript)란? 자바스크립트(JavaScript)란? 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다. 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있습니다. * 자바스크립트의 역사(위키백과) 2021년 02월 07일을 기준의 프로그래밍 언어 순위입니다. 자바스크립트는 10위 안에 들 정도로 높은 순위를 보이고 있습니다. 그 이유중 하나는 자바스크립트가 웹에 쓰이는 하나뿐인 프로그래밍 언어이기 때문입니다. 프론트엔드쪽을 희망한다면 반강제적으로 배워야 하는 언어입니다.. 2021. 2. 7.
퓨어 자바스크립트에 대한 튜토리얼 사이트 기초적인 자바스크립트인 퓨어 혹은 바닐라 자바스크립트는 웹 개발자에게 필요한 능력입니다. 특히 프론트엔드 쪽 취업을 희망하신다면 꼭 알아야 하는 것입니다. 그래서 많은 분들이 자바스크립트 관련 책을 구매하십니다. 제가 소개해드릴 잘 정리되어 있는 모던 자바스크립트(JavaScript) 튜토리얼 이라는 사이트입니다. ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 이 사이트의 장점은 목차와 순서가 잘 정리되어 있습니다. 튜토리얼 검색으로 원하는 내용 검색 기능. 단순히 이론(텍스트)가 아닌 예시가 전부 담겨있습니다. 예시를 보고 실습하면서 배울 수 있습니다. 모던 JavaScript 튜토리얼 사이트는 2021년에도 꾸준히 업데이트가 되어가고 있습니다... 2021. 1. 28.