JavaScript31 객체 생략 표기법 객체 생략 표기법 (shorthand) - 객체 기술 방법 중 하나 - '객체 속 성명'과 '설정할 변수명'이 같으면 생략 할 수 있음! - 속성명과 변수명이 같은 경우 ① - 속성명과 변수명이 같은 경우 ② 2022. 12. 26. 스프레드 구문 스프레드 구문 (Spread syntax ...) - 스프레드 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수(함수로 호출할 경우) 또는 요소(배열 리터럴)로 확장하여. 0개 이상의 키-값의 쌍으로 확장 시킬 수 있음 1. 요소 전개 - 인수 두 개의 합을 구해서 출력하는 함수가 있을 때, 일반적으로 배열값 전달하는 방법과 스프레드 구문 이용 방법 비교 해보기 - 배열 내부의 값을 순서대로 전개하기 위해 간략하게 기술할 수 있음 2. 요소 모으기 - 스프레드 구문은 요소를 모으는 데도 활용할 수 있음 - 아래의 예는 배열을 분할 대입을 예시로 듬 3. 요소의 복사와 결합 - 스프레드 구문을 이용해 새로운 배열 생성 - 두 개의 배열 결합 - 여러 객체 결합 등호를 이용해서 복.. 2022. 12. 26. 디폴트 값 디폴트 값 - 함수의 인수나 객체를 분할 대입할 경우 설정해 사용 - 값이 존재하지 않을 때의 초깃값을 설정할 수 있어 처리를 더욱 안전하게 할 수 있음 인수의 디폴드 값 - 디폴트 값이 없는 함수가 인수가 전달 되지 않은 상태로 실행될 경우 → undefined 가 출력됨 - 디폴드 값을 설정하면 인수가 전달되지 않았을 때 사용할 값을 지정함 - 어디까지나 디폴트 값이기 때문에 무언가 값이 전달되면 해당 값을 우선함 객체 분할 대입의 디폴트 값 - 인수와 마찬가지로 변수명 뒤에 =로 값을 설정하면 속성이 존재하지 않는 경우에 설정값을 지정할 수 있음 - 객체도 속성이 존재할 때는 해당 속성을 우선함 2022. 12. 26. 구조 분해 할당 구조 분해 할당 (Destrcturing assignment) : 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScirpt 표현식 객체 분할 대입 - 분할 대입을 이용하면 다음같이 작성할 수 있음 - { }를 변수 선언부에 이용하면 객체 안에서 일치하는 속성을 추출할 수 있음 - 존재하지 않는 속성명은 지정할 수 없음 - 이름이 일치한다면 일부만 추출하거나 순서가 달라도 됨 - 추출한 속성에 별명을 붙이고 싶을 때는 다음과 같이 :(콜론)을 이용해서 해당 변수명으로 이용할 수도 있음 배열 분할 대입 - 객체와 마찬가지로 배열에도 분할 대입을 이용할 수 있음 - 배열에 분할 대입을 할 때는 변수 선언부에 []을 사용하여 배열에 저장된 순서에 임의의.. 2022. 12. 26. 모듈 핸들러, 트랜스파일러 모듈 핸들러 (module handler) - 자바스크립트는 세세하게 나누어 개발하는 것이 호율적이고 생산성도 높아짐 - 단, 프로덕션 환경에서 실행할 때는 파일을 나눌 필요가 없음 → 오히려 로딩 횟수가 늘어나 성능이 저하되기도 함 - 그래서 개발을 할 때는 파일을 나누고 프로덕션용으로 빌드할 때는 파일을 하나로 모으기 위해 js파일이나 css 파일 등을 한데 합치는 모듈 핸들러가 만들어 짐 - 자바스크립트에서는 로딩 순서에 따른 의존 관계 문제가 있고 패키지 관리자가 그걸 해결해 줌 - 모듈 핸들러 또한 파일을 하나로 모을 때 의존 관계를 해결해 주는 존재 - 미리 설정 파일을 기술해두고 개발자는 아무것도 신경쓰지 않고 개발하면 됨 - 빌드를 실행하면 모듈 핸들러가 파일을 모든 것이 생성되며 해당 파.. 2022. 12. 26. JSON JSON - JSON은 JavaScript Object Notation(JSON)의 줄임말로 데이터 교환을 위해 만들어진 객체 형태의 포맷 - JSON 객체는 값을 JSON으로 변환하는 메서드를 가지고 있음 - JSON을 직접 호출하거나 인스턴스를 생성할 수 없음 네트워크를 통해 어떤 객체 내용을 다른 프로그램에게 전송한다면? 전송가능한 조건 (transferable condition) - 수신자(reciever)와 발신자(sender)가 같은 프로그램을 사용 - 또는, 문자열 처럼 범용적으로 읽을 수 있어야 함 JSON의 기본 규칙 - JSON은 얼핏 보기에 자바스크립트의 객체와 별반 다를 바가 없어보이지만, 자바스크립트의 객체와 미묘하게 다른 규칙이 있음 분류 자바스크립트 객체 JSON 키 키는 따옴.. 2022. 12. 14. 이전 1 2 3 4 ··· 6 다음
