Javascript, React 깊게 보기

이 글은 blog.jakoblind.no에서 작성한 What is babel-preset-env and why do I need it?을 번역/요약한 내용입니다. 모던 javascript 프로젝트를 시작할 때, babel을 설치하고 babel-preset-env plugin 설정을 .babelrc에서 하였을 것이다. 이렇게 하면 나름 동작을 잘 한다. ...

* 이 글은 React webpack from the scratch의 영상과 제 나름의 조사를 통해 작성한 글입니다. > * 원본 소스는 버전이 바뀌면서 많이 다릅니다. 참조하실 분들은 저의 github에서 소스코드를 받으실 수 있습니다. 1. package.json package.json 생성 2. react yarn일 경우 react 리액트 ...

이 글은 blog.jakoblind.no의 글 중 How to use ES6 with Babel and webpack를 번역/요약한 글입니다. webpack 부분만 참조하시려면 제일 마지막 챕터인 webpack에서 babel 부르기를 참조하시면 됩니다. ES6, babel 그리고 webpack을 어떻게 사용할까 es6를 시작하는 것은 쉽지가 않다. 코딩...

joshua님의 블로그 내용 중 저에게 필요한 내용만 골라서 정리한 글입니다. 자세한 내용은 joshua님의 블로그를 참조하시길 바랍니다. 객체 생성 패턴 1. 네임스페이스 패턴 (Namespace Pattern) pros 전역변수 개수 줄임 변수명 불편하게 길어짐 방지 전역 네임스페이스 객체는 흔히 대문자 cons 모든 변수와 함수에 접두어 코드가...

이 글은 React의 공식웹사이트의 Refs and the DOM을 번역한 글입니다. 마지막에 간단하게 정리해놓았으니 참고하시길 바랍니다. Refs and the DOM Refs는 DOM 노드나 render 메소드로 생성된 React element에 접근하는 방식을 제공한다. 일반적인 React 데이터 흐름에서, props가 부모 컴포넌트가 자식 컴포...

정리 name | description -|- babel | es5 -> es6 .babelrc | configuration + compiler @babel/core | es5 -> es6 @babel/preset-react | react preset @babel/preset-env | browser compiler babel-loader | -| web...