📖프레임워크 없는 프론트 개발을 읽고 - 1장. 프레임 워크에 대한 이야기

웹 프론트엔드 개발자로 성장하기 위해 우테코에서 추천받은 책을 읽고

❓ 추천받은 이유

“프레임워크 없는 운동”이란 커뮤니티가 무엇인지 모른다면 한 번쯤 읽어보는 것을 권장한다.
수많은 프레임워크가 등장하며 무엇을 공부해야 할지 무엇을 사용해야 하는지 수 많은 자바스크립트 피로 현상이 점점 커지게 되었는데 프레임워크가 없이도 가능하다는 다양한 시각과 구현 방법들을 체험해볼 수 있는 매력이 있다.

❗ 책을 읽고

이 책은 두가지의 주제를 다룬다.

1. 프레임워크 없이 효과적으로 작업하는 방법

2. 프로젝트에 적합한 프레임워크를 선택하는 방법

프레임워크없이 작업하는 방법을 알려주고 자신의 프로젝트에 적합한 선택인지 파악하게 되고, 최종적으로 자신에게 가장 적합한 도구를 결정하는데 도움을 제공한다.

✔️ 프레임워크란?

프레임워크는 캠브리지 사전의 정의에 의하면 무언가를 만들 수 있는 지지 구조이며, 이 정의는 소프트웨어 프레임워크의 일반적인 개념과 일치한다.

✔️ 프레임워크와 라이브러리에 차이는?

프레임 워크는 코드를 호출한다. 코드는 라이브러리를 호출한다.

프레임워크가 코드를 호출하면 코드는 라이브러리를 호출하게된다. 한마디로 프레임워크는 라이브러리를 포함하고 있는 것이다.

프로젝트에 적합한 도구인지 평가하려면 팀이 선택한 프레임워크의 '방식'을 분석해야 한다!

✔️ 리액트는 프레임워크인가? 라이브러리인가?

리액트가 프레임워크인지 라이브러리인지 이해하는 것은 프레임워크 방식과 관련이있다.

작업을 처리할 때 '프레임워크 방식'을 사용하고 있다면 프레임워크라고 볼 수 있다.

리액트에서 사용되는 선언적 패턴의 핵심은 상태를 매핑하는 방법으로 선언하고, 상태를 변경한다.

리액트의 주요 제약 사항은 선언적 패러다임의 사용이다. DOM을 직접 조작하는 대신 구성 요소의 상태를 수정한다. 그러면 리액트는 대신해서 DOM을 수정한다.
이러한 프로그래밍 방식은 리액트 생태계의 대부분 라이브러리에서 통용된다.

선언적 패턴과 제약 사항으로 프레임워크 방식을 사용하고 있기 때문에 프레임워크라고 볼 수 있다.

✔️ 기술 부채

프로젝트에 기능을 추가할 때 여러 옵션이 있는데, 어떤 옵션을 선택하는지 결정에 따라 영향을 주는 것을 '워드 커닝 햄'은 기술 부채라는 개념을 도입했다.

기존 기능의 변경이나 새로운 기능의 추가에 따르는 비용은 시간이 지남에 따라 기하급수적으로 늘어난다.

이미지 출처

미래에 코드 변경이 어렵다는 측면에서 보면 모든 프레임워크에는 비용이 발생한다.
프레임워크는 아키텍처 자체에 이미 비용을 포함하고 있다.
시간이 지남에 따라 시장이나 다른 요인으로 인해 소프트웨어의 변경이 필요하며, 아키텍처 역시 변경돼야 한다.
대부분의 경우 프레임워크는 이런 변경이 필요한 상황에서 장애물이 된다.

✔️ 기술 투자

모든 프레임워크가 기술 부채를 갖고 있다는 개념과 대조된다.
기술 부채는 항상 나쁜것 만은 아니라는 사실을 명심해야 한다. 합리적인 이유로 빠른 솔루션을 사용한다면 기술 부채는 기술 투자가 된다. 투자는 부채의 한 유형이지만 쓸모없는 것은 아니기 때문이다. 합당한 이유로 선정된 프레임워크는 비용이 아니라 자산이 된다.