728x90 분류 전체보기136 변수 선언과 초기화 자바 변수 선언과 초기화프로그래밍에서 변수를 선언하고 초기화하는 과정은 필수적입니다. 이를 통해 데이터를 저장할 메모리 공간을 확보하고, 해당 공간에 접근하기 위한 이름을 부여할 수 있습니다. 이번 글에서는 자바(Java)에서 변수를 선언하고 초기화하는 방법을 살펴보겠습니다.변수 선언변수를 선언하면 컴퓨터의 메모리에서 데이터를 저장할 공간이 만들어집니다. 이 공간은 변수 이름을 통해 접근할 수 있습니다. 변수는 아래와 같이 하나씩 선언할 수 있습니다.int a;int b;또는 한 번에 여러 변수를 선언할 수도 있습니다.int c, d;이렇게 변수를 선언하면 해당 변수를 사용할 수 있는 메모리 공간이 할당되지만, 아직 값이 저장되지는 않았습니다.변수 초기화변수를 선언한 후, 해당 변수에 값을 저장하는 첫 .. 2024. 9. 13. 자바 변수의 기초 자바 변수의 기초자바에서 변수를 사용하면, 값들을 저장하고 필요할 때마다 쉽게 꺼내 쓸 수 있는 효율적인 방법을 제공합니다. 이번 포스팅에서는 변수가 무엇인지, 변수의 선언과 초기화 과정, 그리고 변수를 사용하는 방법에 대해 다루겠습니다.1. 패키지(package) 소개패키지는 자바 파일을 구분하기 위한 폴더와 비슷한 개념입니다. 자바 파일의 첫 줄에 package를 선언하여, 해당 파일이 속한 패키지를 명시합니다. 예를 들어, variable이라는 패키지를 만들었다면 다음과 같이 선언합니다.package variable;주의: 자바 파일이 위치한 패키지와 package 선언 위치는 반드시 일치해야 합니다.2. 숫자 출력 예제다음은 숫자 10을 세 번 출력하는 간단한 예제입니다.package variab.. 2024. 9. 12. 리액트 컴포넌트 패턴: 프레젠테이션 vs 컨테이너 리액트 애플리케이션을 개발할 때, 컴포넌트를 어떻게 구성하고 관리할지에 대한 선택은 중요합니다. 이 글에서는 리액트 컴포넌트의 두 가지 주요 패턴인 "프레젠테이션 컴포넌트"와 "컨테이너 컴포넌트"에 대해 알아보겠습니다. 프레젠테이션 컴포넌트 프레젠테이션 컴포넌트는 주로 UI를 렌더링하는 데에 집중합니다. 이러한 컴포넌트는 데이터나 상태 관리보다는 UI 요소의 표현에 관심이 있습니다. 주로 함수형 컴포넌트로 작성되며, props를 통해 데이터를 받아들이고 UI를 렌더링합니다. import UserItem from './UserItem' import './UsersList.css' const UsersList = (props) => { if (props.items.length =.. 2024. 2. 19. React Router v5에서 v6로의 업그레이드: API 단순화와 새로운 기능 소개 react-router-dom v5 → v6 react-router-dom v5 import { BrowserRouter, Route, Redirect, Switch } from 'react-router-dom'; Switch: Switch 컴포넌트는 그 안에 포함된 Route 중에서 첫 번째로 매칭되는 경로만 렌더링합니다. 여러 Route 중에서 하나만 렌더링하고자 할 때 사용합니다. 일반적으로 정확한 경로 매칭을 위해 사용됩니다. Route: Route 컴포넌트는 URL 경로와 컴포넌트를 매핑합니다. 특정 URL 경로가 요청되었을 때 해당 경로에 매칭되는 컴포넌트를 렌더링합니다. path prop을 통해 URL 경로를 지정하고, component 또는 render prop을 통해 렌더링할 컴포넌트를 .. 2024. 2. 15. useState() 리액트 상태 관리 마스터하기 1. useState 사용하지 않을때는? const App = () => { // 배열선언 const courseGoals = [ { id: 'cg1', text: 'Finish the Course' }, { id: 'cg2', text: 'Learn all about the Course Main Topic' }, { id: 'cg3', text: 'Help other students in the Course Q&A' } ]; // 배열안에 값 추가하는 이벤트 선언 const addNewGoalHandler = newGoal => { courseGoals.push(newGoal); console.log(courseGoals); }; return ( Course Goals ); }; NewGoal 컴포넌트.. 2024. 2. 13. React 동작 과정 React 동작 설명 1. React 대화형 사용자 인터페이스를 구축하기 위한 Javascript 라이브러리로 사용자 인터페이스를 구축하기 위한 선언적이고 효율적인 방법을 제공합니다. 1-1. 라이브러리 이란? React가 UI를 구축하는데 유용한 기능(API)을 제공하지만 애플리케이션에서 이러한 기능을 사용할 위치는 개발자에게 맡긴다는 의미를 나타낸다 2. 사용자 인터페이스 UI 렌더링 사용자가 웹페이지를 방문하면 서버는 다음과 같이 HTML 파일을 브라우저에 반환한다. 브라우저는 HTML 을 읽고 DOM(문서 개체 모델)을 구성한다 2-1. DOM 이란? DOM 은 HTML 요소의 객체 표현이다. 코드와 사용자 인터페이스 사이의 브리지 역할을 하며 상위 및 하위 관계가 있는 트리와 같은구조를 갖는다 .. 2024. 1. 8. 이전 1 2 3 4 ··· 23 다음 728x90
