[frame.html] Oops!a의 관리 프로그램 [Mybutton.js] function MyButton(props) { const [isClicked, setIsClicked] = React.useState(false); return React.createElement( 'button', {onClick: () => setIsClicked(true)}, isClicked ? 'Clicked!' : 'Click here!' ) } const domnContainer = document.querySelector('#root'); ReactDOM.render(React.createElement(MyButton), domnContainer); [style.css] h1 { color:green; font-..

리액트란? -> 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 라이브러리? 자주 사용되는 기능들을 정리해 모아 놓은 것 ex) 문자열 관련 기능/숫자 관련 기능/날짜 관련 기능 사용자 인터페이스란?(User Interface, UI) 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 사이에서 입출력을 제어해주는 것 ex) 버튼 등 UI 라이브러리? 사용자 인터페이스를 만들기 위한 기능 모음집 ex) 리액트 프레임워크 vs 라이브러리 -가장 큰 차이점은 프로그램의 흐름에 대한 제어 권한 프레임워크는 흐름의 제어 권한을 개발자가 아닌 프레임워크가 갖고 있는 반면, 라이브러리는 흐름에 대한 제어를 하지 않고 개발자가 필요할 때 필요한 부분만 가져다 사용하는 형태 -결국 라이브러리는 제어 권한이 개..

Windows -> PowerShell [Node.js와 npm 설치하기] 1. Node.js(JavaScript runtime) js로 네트워크 애플리케이션을 개발할 수 있게 해주는 환경 2. npm(node package manager) node.js를 위한 패키지 매니저 패키지 매니저의 역할 -프로젝트에서 필요로 하는 다양한 외부 패키지들의 버전과 의존성을 관리하고, 편하게 설치 및 삭제할 수 있게 도와주는 역할 IDE (ex vscode) Integrated De elopment Environment(통합 개발 환경)