전체태그 보기

#babel (12개의 포스트)

_jouz_ryul
리액트 개발 환경 직접 구축하기 리액트 웹 어플리케이션의 툴 체인을 이해하기 위한 용도로 직접 구축 & 바벨과 웹팩의 필요성과 그들에 대한 정리 1. 리액트 패키지를 사용한 개발 환경 구축 리액트로 웹 어플리케이션을 제작할 때 외부 패키지의 활용이 일반적이지만 사용되는 외부 패키지가 너무 많아 각 용도도 모른채 사용하기도 한다. 따라서 외부 패키지를...
vnthf
모던 브라우저에도 꼭 es5를 써야 할까 프로덕션 레벨의 서비스를 개발할 때는, es6를 모든 브라우저에서 사용성을 보장하기 위해 es5로 바꿔주는 babel이라는 트랜스파일러를 씁니다. babel에 browser target을 지정해서 지원하고자 하는 브라우저 스팩에 맞게 문법을 변환해주죠. 그런데 사실, 이렇게 바꾸지 않아도 이제는 대부분 모던 브...
jihoson94

Koa로 프로젝트 세팅

2019년 12월 3일0개의 댓글
Koa는 Express 개발팀에서 많은 부분을 제거한 좀더 가벼운 노드JS 백엔드 프레임워크입니다. 많이 빨리 공부하려고 OOP 언어로 서버를 구축하기보다는 가볍게 많은 컨셉을 이해하는 방향으로 Koa와 ReactJS, mongoDB를 이용해서 구현해나가보려고 합니다. 늘 NodeJS는 환경 세팅이 시간을 많이 걸리는 것같아서 기억할 의미로 순서를 작성...
vnthf

corejs3로 대체하자

2019년 12월 3일0개의 댓글
core-js@3 * polyfill 라이브러리, 올해 3월 공개 * core-js는 새로운 것은 아니고 babel과 babel-polyfill에서 이미 쓰고 있던 것 * 이제 core-js2와 core-js는 업데이트가 되지 않음 * babel 7.4버전 이상부터 제대로 동작. * 정확히는 proposal 옵션 * 현재 7.7인만큼 안정화 되었다고 ...
noyo0123

웹팩으로 리액트 시작하기

2019년 11월 15일0개의 댓글
react 시작하기 + webpack + babel + sass 설정 리액트를 정리하기 위한 블로그입니다. 잘못된 개념의 경우는 피드백 주시면 감사하겠습니다. 리액트 왜 쓸까요? 사용자 인터페이스를 만들기 위한 Javascript 라이브러리 프레임워크라고 생각하고 있습니다. 사용자 인터페이스가 영어로 줄이면 UI죠. 버튼, 메뉴, 링크 이런걸 ...
c08h

@babel/cli, @babel/preset-react 란?

2019년 11월 4일0개의 댓글
@babel/cli - 커맨드 라인에서 바벨을 실행할 수 있는 바이너리 파일이 들어있다. @babel/preset-react - JSX로 작성된 코드들을 createElement 함수를 이용한 코드로 변환해 주는 바벨 플러그인이 내장되어 있다. - 리액트 애플리케이션을 만들 때 필요한 플러그인들의 집합 preset 바벨은 js 파일을...
zeros0623

2019/09/27 TIL

2019년 9월 27일0개의 댓글
regeneratorruntime is not defined env: typescript, chrome 헤드포함 과거 3개의 커밋을 interactive하게 수정할 수 있다
Express+MongoDB+GraphQL #2 CRUD
kjs100184

Express+MongoDB+GraphQL #2 CRUD

2019년 7월 2일10개의 댓글
이어서... - 1. 폴더 생성 및 환경설정 폴더 생성 : mkdir mongodbgraphql 폴더 들어가기 : cd mongodbgraphql 이후 yarn init 또는 npm init 으로 package.json을 만들어줍니다. 1-1. express, graphql, mongoose를 설치. npm install save exp...
React 개발 환경을 구축하면서 배우는 웹팩(Webpack) 기초
jeff0720
서론 안녕하세요, 영훈입니다. 오랜만에 글을 쓰네요! 이번 글은 웹팩으로 직접 React 개발 환경을 구축해보면서 웹팩에 대한 기본 개념과 감을 잡을 수 있도록 목표로 작성한 글입니다. 웹팩을 사용하고 있지만 정확히 웹팩이 어떻게 돌아가는지 감이 잘 안오시는 분들께 도움이 되길 바라면서 시작하겠습니다. 완성된 소스코드는 아래 URL에서 볼 수 있습...
Webpack4 for React (리액트를 위한 웹팩4) - 1
padakim
당부의 말씀 이 글은 리액트 프로젝트를 구축하는데 필요한 Webpack4(웹팩4)에 대한 글 입니다. 포스팅의 전체적인 흐름은 Esau Silva의 learn-webpack-for-react을 따라가고 있습니다. 더 자세한 사항은 링크를 참고해주시길 바랍니다. - 리액트 사용자를 대상으로 하고 있습니다. Webpack(웹팩)을 사용하...