Front-end(5)
-
Node Package Manager(npm, yarn, pnpm)
Node.js를 통해 개발을 진행하게 되면 이미 만들어져 공유되고 있는 무수히 많은 패키지들을 이용하여 개발을 하게 될 텐데 해당 패키지들을 관리 및 사용하는 방법에 대해 알아보자. 패키지(모듈) 관리패키지 관리의 목적은 서두에도 이야기했지만 우리가 프로그램을 사용함에 있어서 잘 구현된 패키지를 이용해 좀 더 효율적으로 사용하기 하기 위함이다.이미 다른 언어나 운영체제에서도 이처럼 패키지를 관리해 주는 항목들이 존재하는데 자주 사용하는 항목만 확인해 보면 다음과 같다.Java : Maven, GradlePython :pipPHP : composerRuby : RubyGemsRedHat Linux : rpm, yumDebian Linux : apt, dpkgMac : HomebrewWindows : ch..
2022.08.23 -
Javascript Runtime 환경(feat. Chrome & Node)
Javascript Runtime 환경 이란?Javscript Runtime은 말 그대로 Javascript를 실행할 수 있는 환경을 뜻한다.2009년 라이언 달(Ryan Dahl)에 의해 Node.js 가 발표되기 전까지는 오직 웹브라우저 만이 Javscript Runtime 환경을 제공했다.이후 Node.js를 통해 브라우저 이외에도 각 OS 상에서 Javascript Runtime 환경을 구성해 Javascript를 실행할 수 있게 되었다. 참고로 Javascript Runtime 플랫폼은 코드를 해석하기 위하여 각각의 Javscript Engine 이 존재하는데 Engine의 종류는 다음과 같다.Javascript EngineDescriptionUsedV8구글에서 만든 C++ 기반 오픈소스 엔진..
2021.08.11 -
Node.js란
개발을 하다 보면 Node라는 단어를 한 번쯤은 들어봤을 것이다. Node에 대해서는 Javscript를 이용하여 서버를 구동할 수 있다 정도로 스치듯 알고 있었는데 최근에 Front-end 개발을 진행하다 보면 Node가 필수적으로 등장하게 되는데 오늘은 이 Node에 대해 좀 더 알아보려 한다. Node.js란? Node.js는 구글의 Chrome Javascript Engine인 V8 Engine을 기반으로 구현된 일종의 ServerSide Javascript 소프트웨어 시스템이다. Java 언어가 각각의 OS 운영체제의 JVM(Java Virture Machine)을 통해 구동되듯이 Node.js는 웹브라우저에 종속적인 Javascript를 각각 OS 운영체제에서 실행할 수 있도록 Javascri..
2021.08.09 -
CRA 미적용 React - Typescript 초기 설정(with. webpack & babel)
CRA(Create-react-app)을 통한 React 프로젝트를 생성하게 되면 기본적으로 생성되는 항목들이 존재하는데 CRA 없이 React 초기 설정 및 적용하는 법과 추가적으로 함께 설정하면 좋은 라이브러리의 설정법에 대해서 알아보자.폴더 생성 및 package.json 파일 생성설정에 필요한 의존성 Library Package 설치Typescript 사용을 위한 tsconfig.json 설정webpack 사용을 위한 webpack. config.js 설정babel .babelrc 설정package.json을 이용한 서버기동 및 빌드 폴더 생성 및 package.json 파일 생성//Create Foldermkdir nocra-typescript-appcd nocra-typescript-appnp..
2021.06.30 -
React & Typescript (with. CRA) 생성방법
CRA (Create-React-App)을 이용해 TypeScript를 사용하는 React 프로젝트 생성 방법에 대해 알아보려 한다. 여러 가지 검색을 해본 결과 React를 Typescript 형태로 생성하는 여러 가지 생성법이 존재하는데 한번 정리해보고 각 생성 방법의 차이 점에 대해서도 확인해보려 한다. 1. CRA(Create-react-app.dev) 사이트의 Adding Typescript 이용 Typescript 사이트에서도 해당 사이트를 공식문서로 제공하는 듯하다. 참고로 해당 기능은 react-scripts@2.1.0 이상에서만 사용 가능하다고 한다. npx create-react-app my-app --template typescript # or yarn create react-app ..
2021.06.29