프로그래밍 언어/React
-
리액트(React) 배우기 간편한 환경 Create React App프로그래밍 언어/React 2023. 10. 20. 14:38
React를 HTML 페이지에서 일반적인 태그에 추가해서 사용할 수 있다. 사이트에서도 설명하듯이 React를 배우기에 간편한 환경은 Create React App이라고 설명하고 있다. Create React App은 React로 웹애플리케이션을 개발하는데 필요한 모든 설정이 되어있는 상태로 프로젝트를 생성해주는 도구라고 한다. Create React App을 실행하기 위해서는 Node.js v14.0.0 이상 npm v6.14.0 이상 Visual Studio Code 를 설치해야한다. 위 사진에 나와있는 명령어 npx create-react-app my-app 에서 my-app 부분은 우리가 임의로 지정할 수 있다. 나는 ljm-app으로 했다. npx create-react-app ljm-app 이..
-
React(리액트)란 무엇인가??프로그래밍 언어/React 2023. 10. 20. 09:31
React란 무엇일까? React 공식사이트에서 React는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리로 설명하고 있다. 위 문장에서 라이브러리(Library) 와 사용자 인터페이스(user interfaces, UI)가 무슨 뜻인지 궁금할 것이다. 프로그래밍에서 Library(라이브러리)는 자주 사용되는 기능들을 정리해 모아 놓은 것 이라는 의미를 갖고 있다. 사용자 인터페이스(user interfaces, UI)는 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로간에 입력과 출력을 제어해주는 것을 의미한다. 웹사이트로 예를 들면 버튼이나 텍스트 입력창 등이 모두 사용자인터페이스라고 할 수 있다. 버튼을 누르면서 웹사이트에서 반응을 하고 웹사이트에서 특정페이지를 보여줌으로..