Language/React

https://print-blue.tistory.com/201 코드 옮기기  node.js 환경에서는 자동으로 react 를 가져올 수 없어서 import 해줘야 함 import React from 'react'; 이미지 폴더가 없어서 이미지가 깨지는데 public 폴더에 복사 !css 추가 # p240603\first-my-app\src\index.cssbody { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -webkit-fon..

https://print-blue.tistory.com/191 [React] 예시 1. 순수한 자바스크립트 페이지를 리액트 JSX 문법으로 바꾸기1. 자바스크립트로 구현# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습 2. 자바스크립트를 리액트 JSX 문법으로 변print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530..

https://print-blue.tistory.com/191 [React] 예시 1. 순수한 자바스크립트 페이지를 리액트 JSX 문법으로 바꾸기1. 자바스크립트로 구현# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습 2. 자바스크립트를 리액트 JSX 문법으로 변print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530..

https://print-blue.tistory.com/191 [React] 예시 1. 순수한 자바스크립트 페이지를 리액트 JSX 문법으로 바꾸기1. 자바스크립트로 구현# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습 2. 자바스크립트를 리액트 JSX 문법으로 변print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530..

https://print-blue.tistory.com/191 [React] 예시 1. 순수한 자바스크립트 페이지를 리액트 JSX 문법으로 바꾸기1. 자바스크립트로 구현# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습 2. 자바스크립트를 리액트 JSX 문법으로 변print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530..

React.js 사용하는 이유그 전 개발을 하면서 맛만 봤던 거라 정확하게 이게 뭔지 어떨 때 써야하는지 몰랐다프론트 수업을 들으면서 HTML, CSS 그리고 JavaScript 관련 수업을 듣고, 자연스럽게 다음 진도인 React 수업을 듣는데,React 를 왜 쓰지 그냥 html 구조를 짜면 되는 거 아닌가 굳이 할 필요가 있나 했는데 결국 html 도 반복되는 구조가 있고 그러다 보면 코드가 길어지는데 이걸 React 가 해결해줄 수 있다 React 가 만든 DOM(가상의 돔)이라 불리고, React 작업할 때 기준을 잡아야 되기 때문에html 에는 1~2개(미완성 html) 밖에 없다고 한다.element 가 동적으로 추가가 되면서 클라이언트 쪽에서 실행이 되는데이때 렌더링이 된다 ! 공식 문서를..

https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습\print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지..

https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지기능 1. 좋아요 버튼 클릭시 하트 색 변경&이미지 추가된 모습\print-blue.tistory.comhttps://print-blue.tistory.com/193 [React] 예시 2. 순수한 자바스크립트 페이지를 리액트 component 로 바꾸기https://print-blue.tistory.com/191 [JavaScript ] 예시 1. 순수한 자바스크립트 페이지# p240530/react/ex01-javascript.html 상품 1 페이지 추가 🤍  기본 페이지..