2021년08월31일

Note

JavaScript

closure를 활용해 private 변수 만들기

function Account() {
  let _money = 0
  return {
    deposit: function(amount) {
      _money += amount 
    },
    withdraw: function(amount) {
      _money -= amount
    },
    getMoney: function() {
      return _money;
    }
  }
}

const fund = Account()
fund.deposit(100) // +100
fund.deposit(100) // +100
console.log(fund.getMoney()); // 200
fund._money = 100000          // private 변수로 접근할 수 없다. 
fund._money = 4000000
console.log(fund.getMoney()); // 200

• Account 함수 내부의 _money라는 변수는 deposit, withdraw, getMoney를 제외하고 직접 접근할 수 있는 방법이 없다. 이처럼 클로저를 활용하여 변수에 직접 접근하지 못하도록 제어할 수 있다. (private 변수로 활용됨)

Vue.js

• Vetur 확장 프로그램에서 TypeScript 기반의 .vue 컴포넌트 스니펫을 가져오려면 ts를 입력하면 된다.
• 컴포넌트명 자동완성 기능이 사용될 때 파스칼 케이스로 자동완성을 하려면 Settings에서 Tag Casing을 initial로 설정하면 된다.

log

• 며칠을 편히 쉬었다. 이제 컨디션이 100% 돌아왔다!
  • 돌아온 기념으로 5km 뛰었다. 근래 뛴 것 중 제일 많이 뛴 것이다.
  • 공원에서 운동하면 반려견들을 많이 본다. 그저께 본 수의사 유튜버가 품종견의 유전병에 대해 설명하는 것을 보았는데 공원에 있는 개들 중 거의 대부분 품종견이었다.
• 좁은 세상에 사는 운 좋은 사람들을 읽었다.