728x90 Package4 Bun 소개 / 자바스트립트 런타임 비교 Incredibly fast JavaScript runtime, bundler, test runner, and package manager -- all in one(믿을 수 없을 정도로 빠른 JavaScript 런타임, Bundler, Test Runner 및 Package Manager - 모두 하나로) 개요최근에 Bun 이라는 도구를 발견했다. 알고보니 이미 2023년 인기 오픈소스로 선정 된 Bun !웹 서버 성능이 매우 우수하다는 평가를 들었고, 번들링과 테스팅 기능도 함께 갖추고 있다고 해서 호기심이 생겨 공식 홈페이지를 찾아보고 동작 방식을 간단히 이해를 기반으로 Bun 포스팅을 작성하고자 한다. ** 오픈 소스 트랜드는 어디서 알 수 있는가! https://risingstars.js.or.. 2024. 5. 31. Webpack, babel 기본 정의 Webpack정의 : 웹 애플리케이션의 모듈 번들링을 하여 번들로 변환해주는 라이브러리필수 라이브러리 : webpack, webpack-cli참조 라이브러리 : webpack-dev-server, webpack-dev-middleware, webpack-hot-middleware, webpack-merge, html-webpack-plugin설정 파일 : webpack.config.js (파일명 변경 가능)실행 프로세스 : 프로젝트 런타임 시 자바스크립트 언어를 변환하여 번들 생성 babel정의 : es2016+ 자바스크립트를 es5 이하 버전으로 변환해주는 라이브러리필수 라이브러리 : babel-loader참조 라이브러리 : @babel/preset-env, @babel/preset-react, @.. 2024. 5. 17. [ESLint] 코드 컨벤션 (Code Convention) ESLint, Prettier 프로젝트 연결 방법 1. 프로젝트 내 라이브러리 설치$ npm install eslint --save-dev 2. 프로젝트 내 설정 파일 '.eslintrc' 생성 1) 직접 파일 추가하기2) npx 사용하기$ npx eslint --init 3. eslintrc 규칙 작성- eslint 제공하는 룰에서 낱개 사용 방법- eslint 제공하는 룰 규칙 전체 사용 방법 4. 프로젝트 내 실행$ npx eslint app.js$ npx eslint $ npx eslint app.js --fix Eslint 코드 규칙은 아래 링크에서 확인 가능https://eslint.org/docs/latest/rules/ Rules Reference - ESLint - Pluggable JavaScri.. 2024. 1. 9. [TDD] React에서 TDD개발 환경 적용 (Jest, Mongo DB) React에서 Jest 라이브러리와 Mongo DB를 활용하여 TDD개발을 적용해보자. product 객체를 모델링하여 상품을 관리하는 프로젝트를 만든다고 가정하여create문을 작성해보자 !단위테스트(Unit test) : 함수, 클래스 등 작은 프로세스 단위테스트통합테스트(Integration test) : 서로 다른 시스템들의 상호작용 테스트TDD(Test-driven development) : 테스트가 주가 되어 개발하는 방법 1. 프로젝트를 생성하고 해당 프로젝트에 TDD 관련 라이브러리 설치jestnode-mocks0httpsupertestnpm install jest--devnpm install node-mocks-http--devnpm install supertest--dev 2. .. 2024. 1. 6. 이전 1 다음 728x90
