React
-
[REACT_MEMO] 파워노트2IT/REACT 2024. 5. 17. 00:15
# 실습해 보기1. html로 작업하는 방법html, css, js 파일을 각각 생성하고 내용을 채워준다.리액트는 html파일에서 가져올 수 있도록 작성해준다. 최초의 랜더링된 모습!여기서 버튼(Click here!)를 클릭하면 버튼의 텍스트가 변환한다. 오올 2. create-react-app(cra)Node.js v14.0.0 이상npm v6.14.0 이상VS Code npx-execute npm package binariescreate-react-app은 npx명령어로 실행 가능하다.npx는 npm package를 설치한 이후에 곧바로 실행(execute)까지 해주는 명령어이다. 패키지를 정해진 위치에 설치하고 찾아서 실행하면 번거롭기 때문에 간편하게 만든 것새로운 애플리케이션을 만들기 위해선..
-
[REACT_MEMO] 파워노트1IT/REACT 2024. 5. 12. 23:04
정의에 대해서 잘 알고 배우는 것이 매우 중요. # 리액트?리액트 공식 웹사이트에서는사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리라고 소개함 # 라이브러리?- 자주 사용되는 기능을 모아 준 것 # 사용자 인터페이스(User Interface, UI)- 웹을 예로 들면 웹사이트에서 버튼을 누름으로써 반응하고, 웹사이트에서 특정한 페이지를 보여주며 사용자가 반응하는 것을 일이 키는 걸 말함 # UI라이브러리- 화면을 만들기 위한 기능 모음집 # 대표적인 UI 라이브러리[프레임워크] ANGULAR JS - 자바스크립트 기반 웹개발 프레임워크- 구글에서 제작한 오픈소스 프로젝트- 2010년에 첫 출시, 2018년 롱텀 서포트 라 불리는 단기간에 버전 업데이트를 하지 않고 안정적인 버전을 장기간 유지..