TIL - 2025-01-27

[Sewoni]

🍋TIL - 2024 -01 -27 - Monday

📚 오늘의 학습

• 🍀 Jest, Uni Test, Mocha, Postman
  Jest, Uni Test, Mocha, Postman이라는 단어를 처음 들었다. 간단하게 정리해보았다!
  -> Jest, Uni Test, Mocha, Postman

• 🍀 Encapsulation? 이 무엇인가. (Getter&Setter)

🚨 문제 상황

• 🍀 객체지향 프로그래밍에서 "객체의 속성을 외부에서 직접 수정하면 안 된다" 는 개념을 배움.
• 🍀 하지만 JavaScript에서는 객체 속성을 외부에서 직접 접근할 수 있다.
• 🍀 객체의 속성을 안전하게 관리하는 방법이 궁금해졌다!

🎯 시도한 과정

• 🍀 getter와 setter를 활용하여 내부 속성 _money를 보호했다

// getter: 돈을 가져올 때 사용됩니다. 외부에서는 _money를 직접 보지 않고 money를 사용합니다.
  get money() {
    return this._money; // 내부 속성 _money 값을 반환합니다.
  }

  // setter: 돈을 설정할 때 사용됩니다. 외부에서는 _money를 직접 수정하지 않고 money를 통해 값을 설정합니다.
  set money(val) {
    this._money = val; // 전달받은 값을 _money에 저장합니다.
  }

🐤 해결 방법

• 🍀 Getter & Setter
• getter: get money()를 사용하여 _money 값을 안전하게 반환.
• setter: set money(val)을 사용하여 _money 값을 외부에서 설정.
• ➡️ Encapsulation!
  1. 📌 객체지향 프로그래밍(OOP)에서 중요한 개념 중 하나!
  2. 객체의 데이터(속성)와 이를 조작하는 메서드(함수)를 하나로 묶고,
  3. 외부에서 직접 접근하지 못하도록 제한하는 개념.
  • ➡️ 쉽게 말해, 데이터를 보호하는 보호막 역할을 합니다.

🐳 느낀 점

• 🍀 Getter & Setter를 사용하면 데이터를 안전하게 관리할 수 있다!

🔹 Getter & Setter vs 일반 속성 차이점**

비교 항목	Getter & Setter	일반 속성
데이터 보호	✅ 캡슐화 가능	❌ 직접 접근 가능
값 검증 가능	✅ 가능 (setter 활용)	❌ 불가능
메서드 호출 여부	✅ 내부적으로 함수 실행	❌ 직접 속성 접근
사용법	obj.property	obj.property

[Sewoni]

새롭게 알게 된 점:
배운 내용을 항목 별로 정리하고 싶어 각각의 파일을 만들었다. TIL 에서 링크를 눌렀을 때에 새 탭 열기로 파일을 열고 싶었지만, GitHub는 보안 상의 이유로 target="_blank"를 지원하지 않는다! GitHub의 마크다운 렌더링 엔진은 HTML 태그의 보안에 관련된 속성은 제한적으로 처리하며, target="_blank"와 같은 속성은 동작하지 않음.