Props ? - 프로퍼티스의 줄임말. import React from "react"; import Counter from "./Counter"; import MyFooter from "./MyFooter"; import MyHeader from "./MyHeader"; function App(){ const number = 5; return ( ) } export default App; 프로퍼티스를 여러개 전달해 줄 수 있다. 하지만 이런식으로 props를 전달하면 길어지기때문에 자식컴포넌트에 보내줘야하는 prop들을 객체로 만들어 보내주는게 좋다 counterProps 객체를 만들고 할당시 스프레드 객체인 {...counterProps}로 받았다 import React, {useState} from ..

열거 타입? - 한정된 값인 열거상수(enumeration constant)중 하나의 상수를 저장하는 타입. ex) 월,화,수,목,금,토,일 ;요일타입 또는 봄,여름,가을,겨울 계절타입 public enum Week { MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY, SATURDAY, SUNDAY } 여기서 Week가 열거타입, 요일들이 열거 상수 라고 불린다. Week today; // 열거타입 Week로 인스턴스 변수선언 today = Week.FRIDAY; // 열거상수 FRIDAY를 today 변수에 저장 열거 타입 선언 열거 타입을 선언하기 위해선 먼저 열거 타입의 이름을 정하고 해당 이름으로 소스파일(.java)을 생성해야한다. 접근제어자 enum 열거형이름 ..

기존에 codesandbox로 수업하던 main대신 master branch를 default로 지정했다. PS D:\workspace\workspace_oneBiteReact> git checkout master Already on 'master' Your branch is up to date with 'OneBiteReact/master'. PS D:\workspace\workspace_oneBiteReact> git merge main merge: main - not something we can merge git checkout (브랜치명) : default 브랜치 git merge (브랜치명) : 병합할 브랜치 그런데 분명 branch가 두 개인데 병합할 게 없다고 떴다. 확인해보니 브랜치 들어가..

리액트에서의 상태 : 다크모드를 예시로 컴포넌트가 갖는 theme처럼 계속 값이 바뀔 동적 데이터 Counter 컴포넌트를 App 컴포넌트의 자식요소로 추가 import './App.css'; import MyHeader from './MyHeader'; import MyFooter from './MyFooter'; import Counter from './Counter'; const func = () => { return "func"; } const number = 5; function App() { return ( 안녕리액트 {func()} {number}는 : {number % 2 === 0 ? "짝수" : "홀수"} ); } export default App; + - 버튼에 아무런 동작도 정의하지..

배열이란 ? 같은 타입의 데이터를 연속된 공간에 나열하고, 각 데이터에 index를 부여해놓은 자료구조. 같은 타입의 여러 변수를 하나의 묶음으로 다룬다. // 배열선언 (둘 다 가능) 타입[] 변수명; 타입 변수명[]; // score배열의 인덱스는 각 항목의 데이터를 읽거나 저장하는데 사용된다 score[index] // 배열 생성 타입[] 변수명; //배열을 선언 (배열을 다루기 위한 참조변수 선언) 변수명 = new 타입[길이]; //배열을 생성 (실제 저장공간을 생성) 배열의 특징 - 배열은 같은 타입의 데이터만 저장 가능 - 한번 생성된 배열은 길이를 늘리거나 줄일 수 없다 ==> 나중에 List를 더 많이쓰는 이유가 됨 배열 생성 package a220628; public class Arra..