본문 바로가기
Hello! I'm haein, a junior front-end developer. Welcome to my space.
간단한 자기소개 '◡'
안녕하세요. 정리하는 것이 주특기이고, 인문논술로 대학을 가서 나름 글쓰기에 자부심(?)이 있는 주니어 개발자입니다. 개발 공부를 하면서 좀 더 정돈된 기록을 해보고 싶어서 블로그를 시작하게되었습니다. 게시글 하나하나 정말 정성스럽게 열심히 썼구요. 되도록이면 공식문서를 참고해서 객관적이고 정확한 정보를 작성하려고 노력했습니다. 그리고 제가 이해가 될 정도로 디테일하게 서술해서 웬만한 사람들도 이해가 가능할 것이라는것이 저의 뇌피셜입니다. 아무쪼록 저의 글을 읽는 사람들이 어떤 방향으로든 도움이 되셨으면 좋겠습니다. 참고로 연보라, 연핑크를 좋아하구여, 그라데이션도 좋아합니다. 그래서 내 취향에 맞게 커스텀 했습니다 ㅎㅎㅎ MBTI는 ISTJ입니다. 너무 TMI라서 toggle로 해뒀습니다. 궁금한 사람들은 펼쳐보시겠죠?

객체

 (4)
[JavaScript] 구조분해할당 (destructuring assignment) 목차 1. 구조분해할당 2. 배열의 구조분해할당 3. 객체의 구조분해할당 '구조분해할당'에 대해서 알아보자! 구조분해할당 의미 - 구조(배열이나 객체)를 분해해서 각각 변수에 할당한다. - 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법이다. 사용하는 경우 - 함수에 객체나 배열을 전달해야하는 경우 - 객체나 배열에 저장된 데이터 일부만 전달해야하는 경우 사용하는 이유 - 함수의 매개변수가 많거나 매개변수 기본값이 필요한 경우에 유용하다. - 인덱스를 이용해 배열에 접근하지 않고도 변수로 접근 가능해진다. 배열의 구조분해할당 예시 let arr = ["Haein", "Hwang"] // 이름과 성을 요소로 가진 배열 let [firstName, surName] = arr; // 구조분해할당 ..
[JavaScript] hasOwnProperty를 쓰는 이유 hasOwnProperty를 써야하는 이유에 대해서 알아보자! hasOwnProperty() 메서드는 객체가 특정 프로퍼티를 가지고 있는지를 나타내는 불리언 값(true/false)을 반환한다. 즉, 객체가 특정 프로퍼티를 가지고 있는지에 대한 소유 여부를 반환한다. const obj = { a: 1 }; obj.hasOwnProperty("a"); // true obj.hasOwnProperty("b"); // false 해당 객체에 특정 프로퍼티가 존재하면 true, 그렇지 않으면 false 를 반환한다. 단, 프로토타입 체인은 확인하지 않고, 해당 객체가 스스로 정의한 프로퍼티만을 판단한다. obj.b = 2; // 해당 객체가 스스로 정의한 프로퍼티 Object.prototype.c = 3; //..
[JavaScript] 객체 (Object) 목차 1. 객체 2. 빈 객체 만드는 법 3. 객체 표기법 4. 프로퍼티 값 얻기, 추가, 삭제하기 5. 계산된 프로퍼티 6. 'in' 연산자로 프로퍼티 존재 여부 확인하기 7. 'for....in' 반복문 8. 일반 객체의 메서드 (keys, values, entries) 객체 - 객체는 중괄호 {…}를 이용해 만들 수 있다. - 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있다. - 키엔 문자형, 값엔 모든 자료형이 허용된다. → 자료형 참고 https://dev-ini.tistory.com/36 - 프로퍼티 키는 ‘프로퍼티 이름’ 이라고도 부른다. 빈 객체 만드는 법 1. let user = new Object(); → '객체 생성자..
[JavaScript] 전역, 지역, 객체, 변수, 상수, 속성, 매서드, 함수, 매개변수(인자), 인수 개념 정리 자바스크립트 헷갈리는 용어 정리 전역 : 코드가 사용되는 프로그램 전체 또는 파일 전체 전역은 영어로 Global, 우리가 사는 지구 전 지역 지역 : 프로그램이나 파일 안의 특정 함수, 모듈 등과 같이 특정 범위 지역은 영어로 Local, 그 범위를 특정할 수 있는 지역 객체 : 자바스크립트 프로그램에서 인식할 수 있는 모든 대상 key와 value의 집합 { } 웹브라우저, 웹문저 관련된 것 여러 정보를 가지고 있는 복합 자료형 '객체'에 대한 자세한 내용은 https://dev-ini.tistory.com/39 전역 객체 : 전 지역(코드가 사용되는 프로그램 전체 또는 파일 전체)에서 사용할 수 있는 객체 window객체로, 모든 객체가 소속된 객체, 창이나 프레임을 의미 웹브라우저에서는 windo..

티스토리툴바