본문 바로가기

자바스크립트14

06 -3 얕은 복사(참조 복사)와 깊은 복사(... 전개 연산자) 객체에 없는 속성에 접근하면 undefined 자료형이 나온다. 얕은 복사 : 단순히 다른 이름을 붙이는 형태 뿐인 복사 const a = [1, 2] const b = a b.push(3) b.push(4) console.log(a) // [1, 2, 3, 4] console.log(b) // [1, 2, 3, 4] => 이름(a, b)만 다르지 같은 배열 값이 나온다. 반대로, 깊은 복사 : 복사한 배열이 각각 완전히 독립적으로 작동한다. - 최신 자바스크립트의 전개 연산자를 사용해 [...배열] 같이 입력하면 된다. const a = [1, 2] const b = [...a] b.push(3) b.push(4) console.log(a) // [1, 2] console.log(b) // [1, 2,.. 2021. 12. 13.
06-2 String 객체의 메소드(trim, split)와 JSON 객체에 대하여 String 객체의 기본 메소드 : trim(), split() trim() : 문자열 양쪽 끝의 공백 없애기 split() : 문자열을 특정 기호로 자르기 그 밖에 길이를 카운트해주는 length(), 문자열이 시작하는 위치(인덱스)를 출력하는(없으면 -1) indexOf() 메소드 JSON 객체 인터넷에서 문자열로 데이터를 주고 받을 때는 CSV, XML 등의 다양한 자료 표현 방식을 사용할 수 있다. 현재 가장 많이 사용되는 자료 표현 방식은 JSON 객체이다. JSON : 자바스크립트의 객체처럼 자료를 표현하는 방식 대부분의 프로그래밍 언어는 JSON 형식의 문자열을 읽는 기능이 있다. 아래는 JSON을 사용해서 '나'를 표현한 것이다. { "name" : "yejin", "age" : 25, ".. 2021. 10. 10.
04 -2 자바스크립트 for in 반복문, for of 반복문, for 반복문 for in 반복문 - 배열과 함께 사용 가능 - 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용 - 근데 for of 반복문이나 for 반복문을 활용하는 것이 좋다. 실습 for of 반복문 반복 변수 of 배열 또는 객체의 형태 실습 for 반복문 - 특정 횟수만큼 반복하고 싶을 때 사용 실습 - 1부터 100까지 숫자 더하기 실습 - 반복문과 배열 ※ 혼자 공부하는 자바스크립트 04-2 참고 2021. 3. 19.
09 -1 자바스크립트 클래스 선언, 인스턴스, 생성자 + 실습 기본 미션 클래스 : 객체를 안전하고 효율적으로 만들 수 있게 해주는 문법 - 객체를 만드는 함수와 비슷한 것이 클래스라고 생각 - 클래스 이름의 첫 글자는 대문자로 지정하는 것이 개발자들의 약속 인스턴스(instance) : 클래스를 기반으로 만든 객체를 의미 - 예시로 붕어빵의 틀이 클래스이고 만들어진 붕어빵이 인스턴스 생성자(constructor) : 클래스 기반으로 인스턴스(객체)를 생성할 때 처음 호출되는 메소드 실습 - 생성자 함수와 속성 추가하기 실습 - 메소드 추가하기 실행 결과 선택 미션 - 여러 가지 프로그램에 들어 있는 객체를 생각해보기 프로그램 : 웹툰 서비스 애플리케이션 객체 : 웹툰, 작가, 이용자 (객체) 속성 - 웹툰 : 이름, 분량(파일의 크기), 댓글 목록, 별점, 업로드.. 2021. 3. 7.