state2 React(4) 컴포넌트에게 state 값 전달하는방법 목차 1. props란 2. props사용법 3. 실습 props란 우선, 리액트도 여느 컴퓨터 언어들과 같이, 다른 함수(컴포넌트)안에서 선언된 변수(state)를, 다른 함수(컴포넌트)에서 사용하지 못한다. python의 변수사용 예 더보기 # python의 변수 사용 예 num1 = 1 # 변수 num1 초기화 def plusOne(): num2 = 2 # 변수 num2 초기화 num1 = num2 # "지역"변수 num1에 2를 할당 print("함수 안에서의 num1 : ",num1) # 출력 plusOne() # 함수 호출 print("함수 밖에서의 num1 : ",num1) # 출력 # 함수 안에서의 num1 : 2 # 함수 밖에서의 num1 : 1 C언어의 변수 사용 예 더보기 //c언어.. 2023. 6. 23. React(2) 리액트 state & onClick 사용법 (reference data type을 곁들인) 목차 1. 기본사용법 2. state사용법 3. onClick 사용법 4. state변경하는 방법 기본 사용법 자, Visual Studio Code에 React를 작성해보자! ※ 폴더 설명 - node_modules 폴더 : 라이브러리 코드 보관함 - public 폴더 : htm파일이나 img파일 임시적으로 저장하고 싶을때, static파일 모아 놓는곳 - src 폴더 : 주로 우리가 코드 짜는곳 ※ 파일 설명 - src폴더에, App.js : 이 쪽에 코드를 짤것이다. 이것이 우리의 메인 페이지! - src폴더에, App.css : 이 쪽은, css와 동일하다! - "기본 홈페이지 틀인 index.html에, 우리가 다룰 App.js를 집어넣어 주세요" 라는 행동을 index.js가 해주고 있음 - .. 2023. 6. 10. 이전 1 다음
