![]()
https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습\print-blue.tistory.com 그 전 작업과 동일하지만 component 기반으로 수정해보자 !이 전 작업은 생략 ! script 영역function H1(props) { return 상품 1페이지{ props.children }}function H1(props) { return 상품 1페이지{ props.children }} const Form = () => { // 함수 표현식 익명 함수 ret..
Babel Babel is a JavaScript compiler. 즉 자바스크립트 컴파일러이다 ! 자바스크립트는 인터프리터 언어인데 왜 컴파일러가 필요하지 ? 라는 생각을 가질 수 있다 !정확히는 babel 이 javascript 로 결과물을 만들어주는 컴파일러다 트랜스파일(transpile) 라 불림 ! https://bravenamme.github.io/2020/02/12/what-is-babel/ babel 이란 무엇인가?들어가며 최근에 react 프로젝트와 typescript 프로젝트를 거치면서 webpack 을 자주 써보고 세팅해보게 되었습니다. 처음에는 동작의 원리보다 요즘 잘나가는 프론트엔드 개발 환경 만들기라는 목표bravenamme.github.io
![]()
1. 자바스크립트로 구현# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍 기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습 2. 자바스크립트를 리액트 JSX 문법으로 변환head 영역React 추가하기 위해 스크립트 태그 추가 !(https://ko.legacy.reactjs.org/docs/add-react-to-a-website.html) body 영역추가할 위치(element)..
