새로운세계

자바스크립트에서 자주 사용되는 기호들(., [], {}, =>, (), :, ;, ", ')은 각각 고유한 역할과 용도를 가진다. 이 글에서는 각 기호의 정의와 활용 예제를 간결하게 정리한다.  1. . (점 연산자)의미: 객체의 속성이나 메서드에 접근할 때 사용된다.용도: 객체 내부의 특정 키나 함수를 참조한다.예제:const obj = { name: "김철수" };console.log(obj.name); // "김철수"2. [] (대괄호 연산자)의미: 객체의 속성에 동적으로 접근하거나 배열의 인덱스를 지정한다.용도: 변수로 키를 지정하거나 속성 이름에 특수문자가 포함된 경우 유용하다.예제:const obj = { "first-name": "철수" };console.log(obj["first-name"..

JavaScript에서 this 키워드는 함수가 실행될 때의 컨텍스트(context)를 나타냅니다. 즉, this는 함수가 어떤 객체의 메서드로 호출되었는지, 또는 어떤 객체를 가리키고 있는지를 알려줍니다. this의 값은 함수가 호출되는 방식에 따라 달라지기 때문에 자바스크립트 개발에서 매우 중요한 개념입니다.this의 컨텍스트 변화: 예제와 설명예제 1: 클릭 이벤트와 thisconst app = Vue.createApp({ data() { return { count: 0 }; }, methods: { increment() { this.count++; console.log('Count:', this.count); }, incrementWron..