본문 바로가기

𝓡𝓸𝓸𝓶3:𝐹𝓇𝑜𝓃𝓉𝑒𝓃𝒹/𝓡𝟥𝟢𝟤:𝑅𝑒𝒶𝒸𝓉

(2)

[React] 2. 컴포넌트 컴포넌트 개발에 앞서 개념을 간단히 설명해보자. 이전에 우리는 html로 다음과 같이 코딩을 할 수 있었다. WEB> world wide web! HTML 하지만 만약 저 header부분의 코드가 1000만 줄이라면? 저걸 다 index.html 파일에 넣어버리면 난잡하고 보기 어려워 지겠지? 그래서 이것을 일종의 치환을 해준다. ~부분의 코드를 예를 들면 태그 한 줄로 치환을 해주는 것이다. App.js 파일을 열어 다음과 같이 class 를 선언해준다. class Subject extends Component{ render(){ return ( Web world wide web! ); } } 그리고 아래에 있는 App class 코드를 다음과 같이 바꿔주면! class App extends Compo..

[React] 1. 리액트란? + 개발 환경 설정 react : 사용자 인터페이스를 만들기 위한 Java Script 라이브러리(프레임워크) - 인터페이스를 편하게 만들 수 있음, 사용자 경험이 좋음 Single page application , 페이지 넘어가는게 자연스러움 - 데이터 처리 편하게 하려고 (데이터와 화면 일치시키는게 좋아짐) - 컴포넌트들(조각들) 재사용 가능 사용자 정의 태그를 만드는 것 (= 컴포넌트) -> 가독성 높일 수 있음 -> 재사용 가능 -> 유지보수의 편리성 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash bash install_nvm.sh source ~/.profile nvm ls-remote 이렇게 nodejs와 npm을 깔..

이전 1 다음

티스토리툴바