JavaScript/React.js
![[React] 리액트 다루기 (계속업데이트)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc50aOA%2Fbtq4cuxeByd%2FwTz4KFLQexNWwb4xYhBXz1%2Fimg.png)
[React] 리액트 다루기 (계속업데이트)
1. 이미지 import logo from './logo.svg'; 이런식으로 불러오는게 좋다. 이렇게 사용하면 이미지경로에 해시값이 들어가기떄문에 , 브라우저 캐싱을 효율적으로 사용할수있다. 이미지 내용변경시 해시값또한 변경된다. 기존에는 그냥 src에 때려박았는데 수정해야할듯하다.
[REACT] Babel ? webpack?
create-react-app에 기본적으로 들어있는 babel, webpack .. 가끔 종종 웹페이지 구성시 봤던것들인데 한번알아보기로했다. 깊은 이해보다는 어떤 역할을 하는지 대해 알아보자! Babel 공홈에는 간단하게 Babel is a Javascript complier 라고 적혀있다. Babel의 역할은 transpiling 이다 즉 상위버전의 js 코드로 작성된 문법을 하위 버전의 js 코드 문법으로 바꿔준다. 예를들면 ES6 ,ES7. ... 등으로 작성된 js코드를 -> ES5 로 바꿔준다. 왜 이런 transpiling 이 필요할까..? js 경우 매년 새로운 js 버전들이 나온다 . 이렇게 js 가 매우 빠르게 꾸준히 발전하는것에 반해 브라우저가 그것을 전부 다 지원하지 못하는 경우가 ..
![[REACT] 환경설정](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbwKkDH%2FbtqID6kO9WZ%2FYKogtE20MiARAkPyr8cA81%2Fimg.png)
[REACT] 환경설정
window 에서 리액트를 설치해보자 ! node js 설치 ! (LTS ) invalueable.tistory.com/117 [Node.js] Node.js 설치 [우분투 리눅스 / Node.js 12버전 기준 ] // build-essential , curl 설치, 설치된 경우라면 생략하면됨. $ sudo apt-get update $ sudo apt-get install -y build-essential $ sudo apt-get install curl $ curl.. invalueable.tistory.com 설치후 npm install --global yarn --global : 전역 설치를 위한 옵션 그리고 설치 확인 . npm 과 yarn이 뭘까 ?? npm( node package mana..