Babel

https://codepen.io CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 자바스크립트 개발자들이라면 한번쯤은 보셨을 겁니다. 웹브라우저에서 자바스크립트 코드를 동작하게 미리보기가 가능하게끔 해주는 사이트 입니다. 사실 웹브라우저는 React 에서 사용하는 JSX 문법이나 최신 javascript 의 문법을 알아 듣지 못합니다. 그래서 Babel 이라는 것이 코드를 웹브라우저 가 이해 할수 있게 Convert 합니다...

front end setup 원하는 곳에 my-slack 폴더를 만들고 하위 폴더로 front 폴더를 만듭니다. 제일 처음 해줘야하는 것 npm init name 은 웬만하면 npm 에 설치한 패키지와 겹치지 않게 주의! react로 작업하기 때문에 다음과 같이 설치합니다. $ npm i react react-domtypescript 도 설치합니다. $ npm i typescript @types/react @types/react-domeslint 와 prettier setup $ npm i -D eslint $ npm i -D prettier eslint-plugin-prettier eslint-config-prettiereslint 와 prettier 를 연결 해줍니다. * rc setup .prett..