'전체 글' 729건

props는 컴포넌트에서 컴포넌트로 전달하는 데이터를 말합니다. 컴포넌트 여러 개 사용해 보기import React from "react";function Movie() { return I love myday;}function App() { return ( 안녕!!! (이후 16개의 Movie 컴포넌트 입력 생략...) );}export default App;앱을 실행하면 I love myday가 20개 출력됩니다.이런 코드는 상당히 비효율적이고, 컴포넌트가 서로 다른 값을 출력해야 할 떄가 있으므로 컴포넌트를 데이터로 보내는 방법을 배워야 합니다. props로 컴포넌트에 데이터 전달하기import React from "re..

자바의 다차원 배열은 특별한 구조를 가지고 있습니다.2차원 배열2차원 배열의 선언과 생성1차원 배열과 마찬가지로 2차원 배열에서도 레퍼런스 변수 선언 후 배열을 생성합니다.2차원 배열의 레퍼런스 변수를 선언하는 방법은 다음 두가지가 있습니다.int intArray [][];char charArray [][];double doubleArray [][];또는int [][] intArray;char [][] charArray;double [][] doubleArray; 2차원 배열의 저장 공간은 다음과 같이 new 연산자를 이용하여 생성하며, 첫 번째 []는 행의 개수를, 두 번째 []는 열의 개수를 나타낸다.intArray = new int [2][5]; // 2행 5열의 2차원 배열 생성charArray ..

컴포넌트는 자바스크립트와 HTML을 조합한 JSX라는 문법을 사용해서 만듭니다.JSX는 HTML과 자바스크립트를 조합한 것입니다. Myday 컴포넌트 만들기src 폴더 안에 Myday.js라는 이름의 새 파일을 만듭니다.파일 이름에서 첫 번째 글자는 반드시 대문자로 합니다.import React from "react"; Myday.js에 Myday() 함수를 추가로 작성합니다.import React from "react";function Myday() { } 컴포넌트를 작성할 때 중요한 규칙은 이름은 대문자로 시작해야 한다는 점입니다.Myday.js에 Myday 컴포넌트가 JSX를 반환할 수 있도록 수정해줍니다.import React from "react";function Myday() { ret..

배열이란?배열(array)은 인덱스(index)와 인덱스에 대응하는 데이터들로 이루어진 연속적인 자료 구조로서, 같은 종류의 데이터들이 순차적으로 저장합니다. int i = new int[10]; // 10개의 정수 공간 배열 생성. 배열의 이름은 i 배열을 사용하는 큰 이유 중 하나는 반복문의 활용에 있습니다.for (sum = 0, n = 0; n  배열의 선언 및 생성배열의 생성은 다음 두 단계로 이루어집니다.배열에 대한 레퍼런스 변수 선언배열 생성 - 배열의 저장 공간 할당  배열에 대한 레퍼런스 변수 선언다음은 배열 선언문으로 레퍼런스 변수 intArray를 선언합니다.int intArray[]; 이 선언만으로 배열 공간이 할당되지 않습니다. intArray는 배열 공간에 대한 주소 값(레퍼런스..

반복문 내에 contine 문과 break 문을 이용하면 반복의 흐름을 바꾸거나 반복에서 벗어나게 할 수 있습니다. continue 문continue 문은 반복문을 빠져나가지 않으면서 즉시 다음 반복으로 넘어가서 사용됩니다,continue; 반복문에서 continue 문에 의해 실행 경로가 변경됩니다.for문에서 continue문을 만나면 '반복 후 작업'으로 분기하고, while 문이마 do-while 문에서는 조건식을 검사하는 과정으로 분기합니다.  continue 문을 이용하여 양수 합 구하기import java.util.Scanner;public class ContinueExample { public static void main(String[] args) { Scanner sc..

App.js 파일로 컴포넌트의 정의 알아보기 App.js 파일을 열고 App() 함수와 App() 함수가 반환하는 값을 알아봅시다.function App() { return 안녕!!!;}export default App; App() 함수가 정의되어 있고, 이 함수가 안녕!!!를 반환하고 있습니다. 이것이 바로 App 컴포넌트를 정의한 것입니다. App() 함수가 번환한 HTML이 리액트 앱 화면에 그려지는 것 입니다. import React from "react";import ReactDOM from "react-dom/client";import App from "./App";const root = ReactDOM.createRoot(document.getElementById("root"));root...