프로그래밍 숲

오늘도 지난 시간에 이어서 여러 개의 인자를 받는 데코레이터(래핑) 함수에 대해서 알아보도록 하겠습니다. 예시가 조금 더 어려워져서 이해했다고 생각했던 부분이 다시 헷갈리기 시작했습니다. let worker = { slow(min, max) { console.log(`slow(${min},${max})을/를 호출함`); return min + max; }, }; function cachingDecorator(func, hash) { let cache = new Map(); return function () { let key = hash(arguments); // (*) if (cache.has(key)) { return cache.get(key); } let result = func.call(this, ..

팀프로젝트를 하며 github으로 협업을 진행했습니다. 저는 항상 git 으로 커밋을 할 때 git add .으로 전체 파일을 스테이징 영역에 추가했었는데, 새로 만난 다른 팀원분은 git add -A로 전체 파일을 스테이징 영역에 추가하셨습니다. 그래서 차이가 뭔지 찾아보고, 그 내용을 여러분께 공유드립니다. ✏️ git add . 이 명령은 현재 디렉토리와 그 하위 디렉토리에 있는 모든 변경된 파일과 새로운 파일을 스테이징 영역에 추가합니다. 하지만 이미 추적되고 있던 파일이 삭제된 경우에는 그 파일을 스테이징 영역에서 제거하지 않습니다. ✏️ git add -A 이 명령은 저장소의 모든 디렉토리에서 변경된 파일과 새로운 파일, 그리고 삭제된 파일까지 스테이징 영역에 추가합니다. 즉, git add ..

오늘은 지난 시간에 이어서 코어 자바스크립트의 6.9 call/apply와 데코레이터, 포워딩에 대해서 공부해보도록 하겠습니다. 오늘은 'func.call'를 사용해 컨텍스트를 지정하는 것을 중점적으로 다뤄볼 예정입니다. 우선 사이트에서 주어진 예시코드는 아래와 같습니다. // worker.slow에 캐싱 기능을 추가해봅시다. let worker = { someMethod() { return 1; }, slow(x) { // CPU 집약적인 작업이라 가정 console.log(`slow(${x})을/를 호출함`); return x * this.someMethod(); // (*) }, }; // 이전과 동일한 코드 function cachingDecorator(func) { let cache = new ..

코어 자바스크립트 6.9 call/apply와 데코레이터, 포워딩을 공부하던 중에 데코레이터의 예시코드의 순서가 이해가 잘 가지 않아서 정리해보았습니다. call/apply와 데코레이터, 포워딩 ko.javascript.info function slow(x) { // CPU 집약적인 작업이 여기에 올 수 있습니다. console.log(`slow(${x})을/를 호출함`); return x; } function cachingDecorator(func) { let cache = new Map(); return function (x) { if (cache.has(x)) { // cache에 해당 키가 있으면 console.log('캐시 있으면 여기찍힘'); return cache.get(x); // 대응하는..

(블로그를 옮기면서 예전에 작성한 글을 다시 포스팅합니다.) 1. 프로젝트 개요 백엔드 github (링크) 프로젝트와 관련된 기본적인 개요는 위 백엔드 github 링크 readme에 첨부하였습니다. 2. 프로젝트 후기 기능 구현에 집중 1차 프로젝트에서는 PM으로서의 역할도 겸업했다면, 이번에는 1차 프로젝트 때 2 PM(Peoject Manager, Product Manager)을 경험하지 못했던 분들에게 양보하고 나는 기능 구현에 집중하기로 했다. 외부 API 사용 2차 프로젝트에서는 외부 API를 사용하여 조금 더 난이도 있는 프로젝트를 진행했다. 처음에는 로그인, 결제, 지도 API를 활용하기로 했다. 그런데 지도 API의 경우 백엔드에서 해야 하는 부분이 없어서 프론트에서 진행했다. 새로운 ..