COCO World

🐼 JSX의 의미 자바스크립트로 안에 있는 HTML 코드로서 자바스크립트 XML을 의미한다. HTML은 결국 XML이라고 할 수 있다. 화면 뒷단에서 실행되는 변환 과정이 이루어지는 파일이다. XML이란? 더보기 eXtensible Markup Language의 약어. W3C에서 여러 특수 목적의 마크업 언어를 만드는 용도에서 권장되는 다목적 마크업 언어이다. 마크업 언어는 태그 등을 이용하여 데이터의 구조를 기술하는 언어의 한 가지이다. 가장 친숙하고 흔하게 접할 수 있는 마크업 언어로 HTML이 있다. JSX 특징 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다 JSX는 하나의 파일에 자바..

1. 메서드 : 자바스크립트 내에 선언한 객체 내에서 프로퍼티로 값이 아닌 함수로 정의된 것을 메서드라고 부른다 [1] 메서드 만들기 let user = { name: "Diana", age: 30 }; user.sayHi = function() { alert("안녕!"); }; user.sayHi();// 안녕! [2] 객체에 함수를 메서드로 할당하는 방법 let user = { // ... }; // 함수 선언 function sayHi() { alert("안녕!"); }; // 선언된 함수를 메서드로 등록 user.sayHi = sayHi; user.sayHi();// 안녕! [3] 메서드 단축 구문 //아래 두 객체는 동일하게 동작 user = { sayHi: function() { alert("..

1 .객체 [1] 자바스크립트의 8가지 자료형 중에서 7개는 오직 하나의 데이터만 담을 수 있는 '원시형'과 다양한 데이터를 담을 수 있는 '객체형'이 있다 [2] 객체는 중괄호'{}' 를 이용해 만들 수 있고, 중괄호 안에는 '키(key): 값(value)'쌍으로 구성된 프로퍼티(property)를 여러개 넣을 수 있는데, '키'에는 문자형, '값'에는 모든 자료형이 허용된다 [3] 객체를 만드는 2가지 방법 // '객체 생성자' 문법 let user = new Object(); // '객체 리터럴' 문법 -> 주로 사용 let user = {}; [4] 리터럴과 프로퍼티 let user = { name: "John", age : 30 }; // 프로퍼티 값 얻기 alert( user.name );//..

// 함수 선언문을 let func = function (arg1, arg2, ...argN) { return expression; } // 함수 축약 버전으로 let func = (arg1, arg2, ...argN) => expression // 인수가 하나 밖에 없다면 괄호 생략 가능 let double = n => n * 2; // 인수가 하나도 없을 땐 괄호를 비워두되, 생략은 불가능 let sayHi = () => alert("안녕하세요!"); sayHi(); // 화살표 함수는 함수 표현식과 같은 방법으로도 사용 가능 let age = prompt("나이를 알려주세요.", 18); let welcome = (age alert('안녕') : () => alert('안녕..