🦁_21.12.07 TIL

BoriΒ·2021λ…„ 12μ›” 8일
2
post-thumbnail

21λ…„ 12μ›” 07일

πŸ“ Javascript

πŸ“Ž 손코딩

  • 이해 + ν™”μ΄νŠΈ λ³΄λ“œ ν…ŒμŠ€νŠΈ μ€€λΉ„
  1. 예쁘게 μ“°κΈ°
    1-1. κΈ€μžκ°€ λ§Žλ‹€κ³  ν•΄μ„œ 날렀쓰지 μ•ŠκΈ°
    1-2. 간격 λ§žμΆ”κΈ°
  2. ν™”μ‚΄ν‘œλ‘œ 주석 μž‘μ„±ν•˜κΈ°
  3. 이해가 μ•ˆ λ˜λŠ” 뢀뢄은 μ±„νŒ…μ°½μ— ν‚€μ›Œλ“œλ‘œ μž‘μ„±ν•΄μ„œ 올리기

πŸ“ λ©΄μ ‘ 질문 κ΄€λ ¨ λ‚΄μš©

πŸ“Ž ν”„λ‘œνΌν‹° ν”Œλž˜κ·Έ

  • 객체 : 'ν‚€-κ°’'쌍으둜 이루어진 ν”„λ‘œνΌν‹°κ°€ μ €μž₯
  • ν”„λ‘œνΌν‹° ν”Œλž˜κ·Έ : 객체의 ν”„λ‘œνΌν‹° μΆ”κ°€ ꡬ성 μ˜΅μ…˜
    • writable : κ°’(value) μˆ˜μ • κ°€λŠ₯ μ—¬λΆ€. false일 경우, 읽기만 κ°€λŠ₯
    • enumerable : λ°˜λ³΅λ¬Έμ„ μ‚¬μš©ν•΄ λ‚˜μ—΄ κ°€λŠ₯ μ—¬λΆ€. false일 경우, λ°˜λ³΅λ¬Έμ„ μ‚¬μš©ν•΄ λ‚˜μ—΄ λΆˆκ°€
    • configurable : ν”„λ‘œνΌν‹° μ‚­μ œμ™€ ν”Œλž˜κ·Έ μˆ˜μ • κ°€λŠ₯ μ—¬λΆ€. false일 경우, ν”„λ‘œνΌν‹° μ‚­μ œμ™€ μˆ˜μ • λΆˆκ°€

πŸ“Ž getter, setter

객체 ν”„λ‘œνΌν‹°μ˜ μ’…λ₯˜

  • 데이터 ν”„λ‘œνΌν‹°(data property)
  • μ ‘κ·Όμž ν”„λ‘œνΌν‹°(accessor property) : 값을 νšλ“(get)ν•˜κ³  μ„€μ •(set)ν•˜λŠ” 역할을 λ‹΄λ‹Ήν•˜λŠ” ν•¨μˆ˜
    => 그런데 μ™ΈλΆ€ μ½”λ“œμ—μ„œλŠ” ν•¨μˆ˜κ°€ μ•„λ‹Œ 일반적인 ν”„λ‘œνΌν‹°μ²˜λŸΌ λ³΄μ΄λŠ”...
let user = {
  name: "John",
  surname: "Smith",

  get fullName() {
    // getter, user.fullName μ‹€ν–‰ν•  λ•Œ μ‹€ν–‰λ˜λŠ” μ½”λ“œ
    return `${this.name} ${this.surname}`;
  },

  set fullNameSet(value) {
    // setter, user.fullName = valueλ₯Ό μ‹€ν–‰ν•  λ•Œ μ‹€ν–‰λ˜λŠ” μ½”λ“œ
    [this.name, this.surname] = value.split(" ");
  }
};

console.log(user.fullName); // John Smith

// 주어진 값을 μ‚¬μš©ν•΄ set fullNameSet μ‹€ν–‰
user.fullNameSet = "Bori Lee";

console.log(user.fullName); // Bori Lee
console.log(user.name); // Bori
console.log(user.surname); // Lee
  • 이것을 closure둜
const user = (function () {
  let name = 'John';
  let surname = 'Smith';
  return {
    fullname: function() {
      return `${name} ${surname}`;
    }
  };
}());

user.fullname() // John Smith
user.name // undefined
user.surname // undefined

πŸ“Ž prototyoe

πŸ“Ž class

πŸ“ λ‘ν¬λ‹˜κ³Ό ν•¨κ»˜ν•˜λŠ” 두근두근

  • μ˜€ν”ˆμ†ŒμŠ€μ— κΈ°μ—¬ν•˜λŠ” μ‚¬λžŒμ΄ 되길. 이λ ₯μ„œ μ•ˆλ‚˜μ™€λ„ μ•Œμ•„μ„œ μ±„μš©ν•΄κ°€λŠ” 상황
  • 1일 1컀밋 μ „ν˜€ λͺ© 맀달지 말기
  • ν”Œλ ˆμ΄ 슀칼라둜 κ²Œμ‹œνŒ λ§Œλ“€λ©΄ 멋사 ν”„λ¦¬νŒ¨μŠ€
  • κ°œλ°œμ€ λͺ°μ•„μ„œ
  • μ‘°κΈ‰ν•΄ν•˜μ§€λ§κ³  μ§€κΈˆ λͺ¨λ‘κ°€ νž˜λ“œλ‹ˆ κ±±μ • μ•ˆν•˜κΈ°
  • 헀어짐은 μžμŠ€κ³΅λΆ€ 절호의 찬슀..

=> νŠΉκ°•μ— 같이 μ°Έμ—¬ν•œ 뢄이 μ •λ¦¬ν•΄μ£Όμ…¨λ‹€μ•„πŸ‘


마무리

  • μ •μ‹ μ—†λŠ” ν•˜λ£¨!
    => λ°₯먹기도 λ²…μ°¬ λŠλ‚Œμ΄μ—ˆμ§€λ§Œ λ¨Ήκ³  μ‚΄μ•„μ•Ό ν•˜λ‹ˆκΉŒ λ¨Ήμ–΄λ΄„
    => λ§›μžˆ!
  • μ°¨λΆ„νžˆ 생각을 정리할 μ‹œκ°„μ΄ ν•„μš”ν•œ 것 κ°™λ‹€.
    => 괜히 μš•μ‹¬λ§Œ λ§Žμ•„μ‘Œλ‹€.
    => 이것저것 μ–Όλ ˆλ²Œλ ˆ ν•˜κΈ° μ‹«μœΌμœΌμœΌμœΌ μž˜ν• κ±°μ•Όμ•„μ•„μ•„γ…γ…πŸ”₯

0개의 λŒ“κΈ€