Node.js와 VSC 디버깅 활용 경험: 해시맵 프로젝트 회고

핵심 기술: 본 글은 Node.js 환경에서 해시맵 자료구조를 구현하는 프로젝트를 수행하며 마주한 디버깅 과정과 JavaScript의 this 키워드 관련 문제 해결 경험을 공유합니다. 특히 Visual Studio Code(VSC)의 디버거 사용법과 효율적인 문제 해결 전략에 초점을 맞춥니다.

기술적 세부사항:
* 개발 환경: Node.js 기반으로 index.html 없이 파일 실행 및 VSC 디버거를 활용하여 개발을 진행했습니다.
* 디버깅 어려움: 초기에 VSC 디버거 사용에 어려움을 겪었으며, 때로는 아무런 반응이 없거나 콘솔 출력이 되지 않는 문제가 발생했으나, 꾸준한 시도를 통해 해결 방법을 습득했습니다.
* this 키워드 문제: 여러 메소드에서 동일한 this 참조가 호출될 때 발생하는 혼란과 버그를 해결하기 위해 로컬 변수에 this 참조를 할당하는 방식을 사용했습니다.
* 자료구조 구현: 해시맵의 buckets 크기를 늘리는 과정에서 this 객체의 속성을 변경하는 방식으로 문제를 해결했습니다. this 객체 자체를 교체하는 것은 불가능함을 인지했습니다.
* 로직 오류:
* 최대 용량이 occupied buckets가 아닌 number of entries에 기반한다는 점을 뒤늦게 파악하고 수정했습니다.
* 해시맵을 확장할 때 key만 리해싱하여 항목을 재할당하는 잘못된 로직을 적용했습니다. 특히 capacity가 16에서 32로 변경될 때 대부분의 해시 값이 동일하여 이 오류를 초기에 발견하지 못했으나, 특정 항목에서 문제가 발생하여 수정했습니다.
* 운영체제 및 언어: Node.js, JavaScript

개발 임팩트: 개발자는 Node.js 환경에서의 디버깅 능력을 향상시키고, JavaScript의 this 키워드와 같은 까다로운 부분을 이해하는 데 도움을 받을 수 있습니다. 또한 자료구조 구현 시 발생할 수 있는 일반적인 실수와 그 해결 과정을 통해 실무적인 경험을 쌓을 수 있습니다. 코드 리뷰 및 디버깅에 대한 접근 방식을 개선하는 데 기여합니다.

커뮤니티 반응: 해당 글에는 커뮤니티 반응에 대한 언급은 없습니다.

톤앤매너: 솔직하고 실용적인 개발 회고로, 겪었던 어려움과 이를 극복해나가는 과정을 상세히 기술하여 독자들에게 공감과 동기 부여를 제공합니다.