테크/자바스크립트

안녕하세요. 동쪽별입니다. 최근 프로젝트를 진행하다가 로컬에 저장되어 있는 xlsx 파일을 읽고, 파싱하는 기능을 구현해 보았어요. 보통 서버에서 이를 진행하여 데이터를 보내주지만, 서버 없는 SPA를 구현 중이라 클라이언트 단에서 이를 수행해야 했답니다.. 위 파일 구조의 루트 디렉터리에 있는 xlsx 파일을 ./src/utils/api.js 파일에서 다룰 수 있게 했습니다. xlsx 파일 읽기 xlsx 파일을 가져오기 위해 Fetch API를 사용했어요. Fetch API? Fetch API는 HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공합니다. Fetch API가 제공하는 전역 fetch 메서드로 네트워크의 리소스를 쉽게 비..

안녕하세요. 동쪽별입니다. 지난 글에서 프로토타입이 대체 뭐하는 녀석인지, 그리고 관련 프로퍼티들과 프로토타입 체인에 대해 알아보았어요. 이번에는 프로토타입 생성 시점, 생성 방식 그리고 기타 관련 내용들에 대해 살펴보면서 정복해보려 해요. 사실 __proto__ 접근자 프로퍼티 사용은 권장되지 않는 것을 알고 계신가요? 좀있다가 알려드릴게요 😛 (궁금한 사람은 맨 밑으로!) 이번 내용을 이해하기 위해선 제 글이 아니더라도, 프로토타입에 대한 기본은 알고 계셔야 합니다..! 그럼 시작해볼까요? 목차 프토토타입 생성 시점 프로토타입 생성 방식 프로토타입 섀도잉 프로토타입의 교체 직접 상속 (feat. __proto__ 를 대신한 모던 메서드) 프로토타입 생성 시점 프로토타입은 생성자 함수가 생성되는 시점에..

안녕하세요. 동쪽별입니다. 개발 관련 첫 포스팅으로 자바스크립트의 프로토타입에 대해 깊~게 살펴보려 해요. 자바스크립트에 대해 잘 모르시는 분들은 이해가 안되는 부분도 있을거에요. 최~대한 쉽게 읽힐 수 있도록 최선을 다해보겠습니다! 프로토타입은 자바스크립트의 상속을 지원하기 위한 방법입니다. 그런데, 왜 다른 언어처럼 클래스가 아니라 프로토타입일까요? 그 이유는 자바스크립트가 접근한 철학적 사고방식 때문입니다. 클래스 기반 객체지향 언어(Java, C# 등)은 "모든 것에는 반드시 본질이 존재한다" 라는 사고 방식이 녹아들어 있어요. 이에 반해, 자바스크립트의 프로토타입은 "모든 것은 분류 되는 것이 아니라, 가장 좋은 보기로부터 범주화된다" 라는 사고방식으로 생성되었어요. 즉, 프로토타입은 가장 좋은..