Develop 4

자바스크립트 객체 심화편: this, in, for...in, 메서드까지 한 번에 정리!

자바스크립트 객체를 더 깊이 이해하려면 this, in연산자, for...in 반복문, 그리고 메서드(method) 개념을 꼭 알아야 해요. 이 글에서는 각각의 개념을 쉽게 설명하고, 언제 어떻게 쓰는지 실용적인 예시와 함께 안내해 드릴게요!! this란 무엇인가요?this는 현재 실행 중인 코드의 문맥(Context)을 참조하는 키워드예요!객체 내부에서 this를 사용하면 그 객체 자신을 가리킵니다 let user = { name: "Phantom", greet() { console.log(`안녕하세요? 저는 ${this.name}입니다.`); }};user.greet();//안녕하세요? 저는 Phantom입니다. 여기서 this.name은 user.name과 같아요. 즉, this는 이 ..

Develop/JavaScript 2025.06.04

자바스크립트 객체(Object), 진짜 쉽게 이해하기!

자바스크립트 객체는 현실 세계의 사물이나 개념을 코드로 표현할 때 꼭 필요한 기능이에요.속성과 동작을 키-값 쌍으로 저장하며, 데이터를 구조화하고 다루는 데 핵심적인 역할을 하죠. 이번 글에서는 객체의 개념부터 생성, 접근, 조작 방법까지 예시와 함께 하나씩 쉽게 풀어볼게요! 객체란 무엇인가요?객체(Object)는 '이름(key)'과 '값(value)'의 쌍으로 이루어진 데이터 구조예요.예를 들어 사람이라는 개념을 코드로 표현하면 이렇게 만들 수 있겠죠?let person = { name: "Phantom", age: 30, isDeveloper: treu};이처럼 객체는 여러 정보를 하나의 덩어리로 묶을 수 있어서 복잡한 데이터를 표현할 때 아주 유용해요. 객체를 만드는 방법1. 리터럴 문법..

Develop/JavaScript 2025.06.04

자바스크립(javascript) 세미콜론 자동삽입, 대괄호 앞에선 왜 말썽일까?

요즘 기본기를 다지기 위해 기초부터 공부를 하고 있는 중에 흥미로운 주제를 가지고 왔어요 ㅎㅎ 자바스크립트는 세미콜론(;)을 안 써도 자동으로 처리해줘서 참 편리하죠?? 하지만 괄호나 대괄호 앞에서는 갑자기 오류가 툭 튀어나올 때가 있습니다. "왜 이래?" 싶었던 적이 있다면 이 글에서 그 이유와 해결법을 알 수 있어요! 자바스크립트, 세미콜론은 안 써도 된다?JS(자바스크립트)는 굳이 세미콜론을 안 붙여도 돌아가는 경우가 많아요.예를 들면alert('Hello')alert('World') 이 경우는 내부적으로 이렇게 처리 된답니다.alert('Hello');alert('World'); 이 기능을 ASI(Automatic Semicolon Insertion) 라고 해요이름은 길지만 쉽게 말하면 "내..

Develop/JavaScript 2025.06.02

SocketException: Failed to create server socket (OS Error: Failed to start accept)

Android Studio에서 신규 프로젝트를 생성 후 아무것도 수정하지 않고 Flutter Device Selection을 Web으로 선택 후 App을 실행시켜 보았는데 세상에나 바로 오류가 출력되었답니다? 나 아직 아무것도 안했는데 왜 그래... SocketException: Failed to create server socket (OS Error: Failed to start accept).. 그냥 얼핏 봤을 때 address 또는 port가 문제인 거 같아 찾아봤는데 GPT씨는 오로지 포트만 문제라고 하지만 저 포트는 그 어느 것도 사용하지 않고 있는 포트라 확신을 가지고 address부분만 찾아보기로 했어요! 결론은 localhost가 안 먹는 걸로... localhost 또는 loopba..

Develop/App 2025.05.15