npm

제목 : Yarn 과 pnpm 패키지 매니저는 무엇인가?이 글을 작성하는 이유방대한 JavaScript 기반의 패키지 레지스터를 보유하고 있는 장소가 바로 NPM 이다.JavaScript 는 언어 자체로 IO(Input Output) 빌트인 메서드가 간단하며,또한 표현식이 간단하여 프로그래머들의 진입 언어로 매우 유용하게 사용되고 있다.그런 만큼, 그 커뮤니티의 크기는 감히 말할 수 없을 정도로 커졌으며,언어 자체가 가지고 있던 성능의 한계를 다양한 내장 메서드 최적화,재사용 코드 캐싱 등의 기능으로 돌파하고 있다. (그래도 저레벨 언어에 비해서는 한계가 있지만.)npm 은 JavaScript 기반의 템플릿 프로젝트를 만들기 위해서 필수적인 요소이다.주로 프로젝트 루트에 package.json 을 생성하..

제목 : 점진적인 리액트 프로젝트 도입 과정과 문제 해결 과정이 글을 작성하는 이유는?빠른 프로젝트 생성과 웹 페이지 생성에 초점이 맞춰진 현대 프로그래밍 트렌드는 AI 로 인해더욱 중요해진 요소로 꼽히고 있다.현재 프로그래밍 세상에서, 오히려 해당 분야에 대한 깊은 공부는 공감받지 못하는 사회라는 것을 느낀다.오히려, 빠른 개발을 요하는 실제 프로덕션 세상에서, 깊은 이해를 위한 시간 소비는 사치라고 생각할 지 모른다.아니, 그것이 당연할 지도 모른다.그러나, 나는 역발상으로, 리액트라는 단어가 가지는 수많은 의미를 탐색해 왔다.리액트는 무엇인지, 어떤 것으로 이루어져 있는지, 어떤 방법론을 사용하는지 등등..심지어는 JavaScript 의 es6 이상 버전이 어떻게 es5 로 폴리필 되는지 확인할 정..

제목 : NPM 패키지 매니저에 대한 소개NPM 에 대한 소개npm 은 Node.js 의 표준 패키지 매니저입니다.2022 년 9월, 210만 이 넘는 패키지가 npm 레지스트리에 나열되어 있다는 것이 보고되었습니다.이는 지구에서 가장 큰 단일 코드 레포지토리로 만들어 주었으며, 모든 것에 대한 패키지가 있다고 확신 할 수 있습니다.Node.js 패키지의 의존성을 다운로드하고 관리하는 방식처럼 시작했지만,프론트엔드 자바스크립트에서 또한 사용되는 도구이기도 합니다.Yarn 과 pnpm 이 npm cli 를 대체하기도 합니다. 이러한 위의 두 도구를 살펴볼 수 있습니다.패키지npm 명령어는 당신의 프로젝트에서 의존성 다운로드들을 관리합니다.모든 의존성 설치하기만약에 프로젝트가 package.json 파일을 ..

1장에 대한 요약1. React 서론컴퓨터의 성능이 매우 발전함에 따라 동적인 페이지 에 대한 필요도가 높아졌습니다.이에 FaceBook이 최대한 성능을 아끼고 동적인 웹을 보여줄 수 있는 "React" 라는 시스템을 개발했습니다.성능을 아끼는 방법은, 수많은 Component 에서 몇 개의 정보가 변경되었을 때, 모든 Component를 변경하는 것이 아니라, 변경 된 Component 만 변경하는 방식입니다.이 방식은 Virtual DOM을 사용하여 성능을 아낍니다.Virtual DOM : 변경된 Component를 가상의 환경에서 만든 후, 실제로 변경 된 DOM을 비교하여 반영하는 방식2. 작업 환경 설정 - 저는 "Mac"입니다.Node.js / npm, yarn 설치하기코드 에디터 - ..