FE58 JSX란? jsx 파일 const myelement = I Love JSX!; ReactDOM.render(myelement, document.getElementById('root')); jsx파일 아닌경우 const myelement = React.createElement('h1', {}, 'I do not use JSX!'); ReactDOM.render(myelement, document.getElementById('root')); HTML elements 가 동작 되도록 도와준다. https://ko.reactjs.org/docs/introducing-jsx.html 2021. 5. 26. TypeScript ( tsc vs babel 설정 ) tsc vs babel how to convert from TypeScript to JavaScript Is your build output mostly the same as your source input files? Use tsc Do you need a build pipeline with multiple potential outputs? Use babel for transpiling and tsc for type checking 바벨을 사용해야 하는 이유 바벨7 이전 TS > TS compiler > JS > Babel > JS 순서 웹팩은 두개의 컴파일러를 함께 사용하기 위해 사용된다. ( babel, tsc ) 웹팹 설정을 비틀어 *.ts 를 타입스크립트로 입력한 다음 결과를 바벨에 제공한다. .. 2021. 5. 26. [ Redux + Saga ] async/await이든 Redux-Saga 사용상의 이점은 크게 없다. 하지만 좀 더 자세한 동작에 대한 handling을 가능하게 하는 것이 Redux-Saga이다(takeLatest(), next()등) 코드 량은 현저히 async/awiat가 적다. 질문 왜 Rudx를 사용하고 saga, thunks를 사용할까? Redux became the de facto standard as a data management technology for ReactJS applications. It is a convenient and easy method of structuring data in an application and displaying it on the client. Yet we hit a certai.. 2021. 4. 11. webpack 정의 웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)입니다. 모듈 번들러란 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javscript, Images 등)을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미합니다. Webpack의 두가지 핵심철학: - 모든것은 module이다. - JS 파일들은 모듈이 될수 있다. 또한 다른 모든 것들도(html, images,.. )들도 모듈이 될수 있다. 필요한 것 그리고 필요할 때 불러진다. 필요한 이유 - 파일 단위의 자바스크립트 모듈 관리의 필요성 - 웹 개발 작업 자동화 도구 - 웹 애플리케이션의 빠른 로딩 속도와 높은 성능 npm i webpack webpack-cl.. 2021. 4. 1. 이전 1 ··· 3 4 5 6 7 8 9 ··· 15 다음