티스토리

영벨롭 개발 일지

검색하기

블로그 홈

영벨롭 개발 일지

iridescent-zeal.tistory.com/m

영벨롭 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[Next.js] Next.js 에서 데이터 가져오기 - getInitialProps, getStaticProps, getStaticPaths, getServerSideProps 📌 Next.js 가 SSR 을 수행하는 방식SSR(Server Side Rendering)은 서버 측에서 렌더링 준비가 완료된 완성된 HTML 문서를 클라이언트에게 전달하는 렌더링 방식입니다. 처음 렌더링이 될 때, 서버 측에서 데이터도 함께 가져와서 그려주기 때문에 초기 로딩속도가 빠릅니다.하지만, 페이지를 넘길 때마다 서버 측에서 다시 불러와야하기 때문에 CSR(Client Side Rendering)보다 서버 부하가 많습니다. 그럼에도 SSR을 사용하는 이유는 페이지가 로딩될 때 데이터도 동시에 로드되기 때문에 SEO에 유리하기 때문입니다. Next.js는 SSR을 기반으로 하지만, 페이지가 로드된 이후엔 React에서 CSR을 이용하는 방식을 차용합니다.서버가 페이지를 그려줍니다. pages.. 공감수 0 댓글수 0 2024. 7. 10.
[Next.js] Next.js + TypeScript 환경에서 Redux Toolkit 사용하기 📌 Redux Toolkit이란?Redux Toolkit은 효율적인 Redux 개발을 위해, Redux의 설정을 간소화하고 편리한 API를 제공하는 전역 상태 관리 도구입니다.yarn add @reduxjs/toolkit ✅ Redux의 단점보일러플레이트 코드Redux의 일반적인 설정과 사용 방법에 따라 보일러플레이트 코드가 많이 필요합니다.특히 액션 타입, 액션 생성자 함수 등을 수동으로 작성해야 할 때가 많습니다. 🤔 보일러플레이트 코드 (boilerplate code)프로그래밍에서 반복적이고 일반적인 작업을 수행하기 위해 필요한 기본적인 코드 템플릿 Redux Toolkit 은 이러한 리덕스의 단점을 보완하고자 등장하였습니다.리덕스의 설정을 간소화하고, 많은 리덕스 보일러플레이트 코드를 줄일 .. 공감수 0 댓글수 0 2024. 7. 10.
[Next.js] Next.js + TypeScript 환경에서 styled-components 적용하기 📌 들어가며...먼저 styled-components는 웹 애플리케이션에서 스타일을 지정할 수 있는 대표적인 CSS-In-JS 입니다.저 역시 다양한 React 프로젝트를 진행하며 styled-components에 익숙한데요! React 에서 styled-components를 사용할 때에는 따로 추가 설정이 필요없이 설치 후 바로 사용하면 됐습니다.하지만, Next.js 에서 styled-components를 사용하기 위해선 추가 설정이 필요합니다. 그 이유는 바로 렌더링 방식의 차이에 있습니다. React는 클라이언트 사이드 렌더링(CSR)이 기본이기 때문에, 웹 애플리케이션에 대한 렌더링이 클라이언트 측에서 모두 일어납니다. 따라서 styled-components에 대한 추가 설정 역시 필요가 없습.. 공감수 0 댓글수 0 2024. 7. 10.
[Next.js] Next.js 의 특징과 SEO, CSR, SSR, SSG 📌 Next.jsNext.js는 React 기반의 프레임워크입니다.강력한 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG) 기능을 제공하여, 초기 로딩 속도를 개선하고 SEO를 향상시킬 수 있습니다. ✅ Next.js 를 사용하는 이유서버 사이드 렌더링(SSR)초기 로딩 속도를 개선하고, SEO를 향상시킵니다.요청이 들어올 때 서버에서 React 컴포넌트를 렌더링하여 HTML을 생성 후, 클라이언트에게 전송합니다.정적 사이트 생성(SSG)사전 빌드된 페이지를 제공하여 정적 HTML 파일로 생성하며, 데이터가 변경될 때마다 재빌드 할 수 있습니다.React 컴포넌트 기반Next.js는 React 컴포넌트를 기반으로 하므로, 거대한 React 생태계를 이용할 수 있으며 컴포넌트 재사용성을 활용할 .. 공감수 0 댓글수 0 2024. 7. 9.
[React] React Query 를 사용하여 무한 스크롤 기능 구현하기 (useInfiniteQuery, TypeScript) 📌 React Query란?리액트 쿼리(react-query)는 리액트 애플리케이션에서 데이터 페칭과 같은 서버 상태를 관리하는 데 도움을 주는 라이브러리입니다. 리액트 쿼리를 통해 외부 데이터를 효율적이고 간편하게 관리할 수 있습니다.npm install @tanstack/react-query ✅ React Query 장점간편한 데이터 관리: 데이터 페칭, 캐싱, 리패치, 에러 처리 등을 자동으로 처리할 수 있어, 개발자가 간편하게 데이터 관리할 수 있도록 도와줍니다. 캐싱과 성능 최적화: 내부적으로 캐싱을 사용하여 동일한 데이터 요청을 최적화하고, 데이터의 유효성을 자동으로 관리하여 성능을 향상시킵니다. 자동 리패치: 데이터가 만료되거나, 유효하지 않을 경우 자동으로 데이터를 다시 가져오는 기능을 .. 공감수 1 댓글수 1 2024. 7. 8.
[React] Vite로 React + TypeScript 프로젝트 시작하기 📌 Vite란?Vite는 웹 개발을 위한 빠르고 간단한 빌드 도구입니다.Vue.js의 창시자인 Evan You가 개발하였으며, 이후 React, Svelte 등 다양한 프레임워크와 라이브러리에서 사용할 수 있도록 확장되었습니다. ✅ Vite의 장점빠른 시작 속도: 기존 번들러에 비해 개발 서버 시작 속도가 매우 빠릅니다.개발 생산성: HMR(핫 모듈 교체)를 통해 변경된 파일을 다시 로드하여 애플리케이션을 즉시 업데이트합니다.모던 개발 경험: 최신 JavaScript 기능과 ES 모듈을 기본적으로 지원합니다.작은 번들 크기: Rollup을 통해 최적화된 생산 빌드를 생성하여 작은 번들 크기를 유지합니다.📌 Vite + React + TypeScript 프로젝트 생성 및 시작프로젝트를 생성하는 명령어.. 공감수 0 댓글수 0 2024. 7. 7.
[JavaScript] 자바스크립트 실행 컨텍스트 파헤치기 📌 들어가며...오늘 포스팅은 자바스크립트의 실행 컨텍스트(Execution Context) 입니다.대체 실행 컨텍스트는 무엇이고, 어떤 역할을 하며 어떠한 것들을 담고 있는지 살펴보겠습니다.🤔 자바스크립트의 실행 컨텍스트(Execution Context)실행 컨텍스트는 소스코드를 실행하는 데 필요한 환경을 제공하고, 코드의 실행 결과를 실제로 관리하는 영역이다. 본격적으로 학습하기에 앞서 요약 내용부터 보고 들어가겠습니다.참고로 실행 컨텍스트는 공부할 내용이 엄청나기에 이번 포스팅은 상당히 길어질 것으로 보입니다...하지만 당장은 매우 어렵고 이해하기 힘드실지라도... 함께 으쌰으쌰! 반드시 할 수 있습니다!(이 포스팅은 '모던 자바스크립트 Deep Dive' 교재를 기반으로 작성되었습니다) 📌 .. 공감수 0 댓글수 1 2024. 4. 25.
[React]React의 Virtual DOM 📌 들어가며...리액트는 가상돔(Virtual DOM)을 통해 효율적이고 빠르게 우리가 원하는 페이지를 브라우저에 그려줄 수 있습니다. 리액트를 사용하는 개발자시라면 Virtual DOM은 무조건 학습하셔야 합니다! (저 포함...)이번 포스팅에서는 DOM이 무엇인지, Virtual DOM이 무엇인지 그리고 그 작동원리에 대해 알아보겠습니다!📌 DOM (Document Object Model)우선 Document 란 각각의 HTML 요소(Elements)들을 담고 있는 웹페이지입니다. 브라우저는 이 Document를 분석하여 우리에게 웹 페이지를 띄워주게 됩니다. DOM은 이러한 HTML 요소들을 Tree 형태로 표현한 것으로, 각 요소에 상응하는 Node를 가집니다. DOM은 HT.. 공감수 0 댓글수 0 2024. 4. 24.
[React] React란? - React를 사용하는 이유 📌 들어가며... 이 글을 작성하는 시점(2024.04.21)인 지금까지 나는 다양한 프로젝트에서 프론트엔드 개발자로 참여하며, React를 많이 사용해왔다. 하지만 "왜 React 를 사용했는가?"에 대한 질문을 받는다면, 단지 많은 기업에서 사용하는 기술 또는 프론트엔드 개발자라면 당연히 알아야 할 기술이라는 답변밖에 떠오르지 않는다. 적어도 왜 이 기술을 사용하며 어떠한 장단점이 있는지 분석해 볼 필요가 있다고 생각했다. 따라서! 이 글을 통해 왜 리액트를 사용하며, 리액트의 등장 배경, 장단점 등에 정리하고자 한다! 📌 React란? 리액트(React)는 페이스북(현재 Meta)에서 만든 오픈 소스 JavaScript 라이브러리입니다. 리액트는 사용자 인터페이스(UI) 개발에 초점을 맞춘 라이브러.. 공감수 0 댓글수 0 2024. 4. 21.
[Vue] Vue.js 시작하기 ✨ 📌 Vue 란, Vue 는 사용자 인터페이스 개발, 즉 프론트엔드 개발을 위한 오픈소스 자바스크립트 프레임워크입니다. ✅ Vue 를 사용하는 이유 재사용을 통해서 개발 기간을 단축시키고, 양질의 코드를 생산할 수 있습니다. 안정적이고 체계적인 운영을 지원합니다. 컴포넌트 재사용성과 상태관리가 우수합니다. 직관적이고 배우기 쉽습니다. 국내 높은 점유율을 차지하고 있습니다. 리액트와 비교하여 성능이 대등합니다. ✅ Vue 의 특징 SPA(Single Page Application)을 구축하는 데 사용됩니다. MVVM(Model-View-ViewModel) 패턴에서 ViewModel에 해당합니다. Angular 의 양방향 데이터 바인딩의 장점을 수용했습니다. React 의 가상돔(Virtual DOM)의 장점.. 공감수 0 댓글수 0 2024. 2. 1.
[TypeScript] 타입으로 변환하기 typeof & keyof 📌 typeof 연산자 우리는 이미 자바스크립트에서 변수의 타입을 얻기 위해 typeof 연산자를 한 번 쯤은 사용해 봤을 것 입니다. const num: number = 1; const str: string = "Hello World"; console.log(typeof num); // number console.log(typeof str); // string 타입스크립트에서도 typeof 연산자가 사용되는데, 다음 3가지 상황에서 사용될 수 있습니다. 1. 객체 데이터를 객체 타입으로 변환 2. 함수를 타입으로 변환 3. 클래스를 타입으로 변환 ✅ 객체 데이터를 객체 타입으로 변환 객체 데이터에 대해 typeof 연산자를 사용하면, 해당 객체를 구성하는 타입 구조를 독립된 타입으로 가져와 사용할 수 .. 공감수 0 댓글수 0 2024. 1. 19.
[TypeScript] 타입 단언과 타입 가드 (Type Assertions & Guard) 📌 타입 단언 Type Assertions 타입 단언은 타입스크립트가 타입 추론을 통해 판단할 수 있는 타입의 범주를 넘는 경우, 더 이상 추론하지 않도록 지시하는 것입니다. 즉, 개발자가 타입스크립트에게 '이 타입이 맞아!'라고 알려주는 것입니다. 런타임에는 영향을 미치지 않고, 오직 컴파일 과정에서 사용됩니다. 타입 단언은 강제 형변환과는 다른 개념입니다. 단지 컴파일러에게 타입을 주장할 뿐, 실제로 데이터 자료를 변환시키는 것은 아닙니다. 타입 단언을 하는 방법에는 as 문법과 꺽쇠문법이 있습니다. 다만, 꺽쇠 문법은 태그 엘리멘트와 헷갈릴 수 있어, TSX 파일에서는 사용이 불가능합니다. let val: any = 1.23; (val as number).toFixed(2); // as 문법 (va.. 공감수 0 댓글수 0 2024. 1. 16.
[TypeScript] 타입스크립트의 Generics 📌 타입스크립트 제네릭(Generics) 변수, 함수의 매개변수 등을 정의할 때, number, string 과 같이 항상 타입을 고정하여 사용하였습니다. 하지만 이는 프로그래밍을 함에 따라 유연성과 재사용성이 떨어지게 되는 단점이 있습니다. 물론, any 나 union 타입을 통해 좀 더 유연하게 타입을 사용할 수 있지만, 이는 오류를 쉽게 찾지 못하며 가독성 또한 떨어지게 됩니다. 따라서 타입을 고정하여 명시하지 않고, 언제든 변할 수 있는 유연한 타입으로 표현할 수 있는 장치가 필요합니다. 이를 우리는 제네릭(generic)이라고 부릅니다. 즉, 제네릭(generic)이란 타입을 변수화 한 것이라고 할 수 있습니다. 개발자는 제네릭을 통해 코드의 유연성과 재사용성을 높일 수 있습니다. ✅ 제네릭을 .. 공감수 0 댓글수 0 2023. 12. 27.
[TypeScript] Call Signature 와 Index Signature 📌 호출 시그니쳐(Call Signature) Call Signature란 함수의 매개변수와 반환 값의 타입을 type 또는 interface 로 미리 선언하는 것입니다. 즉, 함수의 구현이 아닌, 함수의 타입을 정의하는 것입니다. 일반적인 함수 선언 방법은 다음과 같습니다. function add(a: number, b: number): number { return a + b; } const sub = (a: number, b: number): number => { return a - b; }; 이를 호출 시그니쳐를 이용하여 표현하면 다음과 같습니다. type Operation = (a: number, b: number) => number; const add: Operation = (a, b) => a.. 공감수 0 댓글수 0 2023. 12. 26.
[TypeScript] Type Alias VS Interface 📌 Interface 타입스크립트의 인터페이스는 객체가 가질 수 있는 다양한 구조들을 직접 타입으로 만들 수 있는 방법입니다. 즉, 객체의 틀 또는 설계도라고 할 수 있습니다. interface 키워드를 통해 인터페이스를 정의할 수 있습니다. 구분자로는 세미콜론(;) 또는 콤마(,) 를 사용하며, 아예 구분자를 사용하지 않을 수도 있습니다. 인터페이스 내부는 속성과 메서드에 대한 타입만 정의할 뿐, 구현은 하지 않습니다. interface Person { name: string; age: number; greeting(): void; } let john: Person = { name: "John", age: 20, greeting: () => { console.log("Hello"); }, }; 또한 인.. 공감수 0 댓글수 2 2023. 12. 26.
[TypeScript] 타입 선언 및 종류 📌 타입스크립트의 Type 타입스크립트는 자바스크립트의 타입(primitive, object types)을 그대로 제공하면서, 추가적으로 제공하는 타입들이 있습니다. Primitive types Object types boolean, number, string, null, undefined, symbol function, array, object, classes 추가 제공 타입 tuple, enum, any, void, never, union, unknown 📌 Type Annotation & Inference ✔️ Type Annotation Type annotation 은 개발자가 직접 타입을 지정하는 것을 의미합니다. 일반 변수, 함수의 매개 변수(parameter), 객체 속성 등에 :TYPE 을.. 공감수 0 댓글수 0 2023. 12. 24.
[TypeScript] TypeScript 란? 📌 TypeScript 탄생 배경 Javascript 는 약한 타입 언어입니다. 타입 시스템이 없는 동적 프로그래밍 언어로, js 의 변수는 여러 타입의 값을 가질 수 있게 됩니다. 이로 인해 비교적 쉽게 개발할 수 있는 환경을 제공하지만, type 검사 및 컴파일 시 오류 검사의 기능을 수용하지 못 한다는 단점을 갖고 있습니다. 때문에 javascript로 작성된 코드의 규모가 커질수록, 관리하고 재사용하기가 어려워지게 됩니다. 이를 보완하기 위해 TypeScript 가 제시되었습니다. 타입스크립트는 강한 타입 시스템을 가지고 있어, 대부분의 에러를 컴파일 환경에서 코드를 입력하는 동안 확인할 수 있습니다. 📌 TypeScript 란? Javscript의 확장된 언어로, js 에 Type System .. 공감수 0 댓글수 0 2023. 12. 23.
[CSS] CSS Animation 정리와 예제 📌 CSS Animation animation 은 사용자가 어떠한 액션을 취하지 않더라도 스스로 동작하도록 효과를 구현하고자 할 때 사용하는 css 속성입니다. javascript 없이도 여러 상태를 거치며 웹사이트에 다양한 스타일 전환 애니메이션을 적용할 수 있습니다. @keyframes 규칙을 사용하여 애니메이션 세트를 만들고, 이를 animation 에 적용시킬 수 있습니다. animation 에는 다음 8가지 속성을 가집니다. animation-name animation-delay animation-direction animation-fill-mode animation-iteration-count animation-play-state animation-timing-fucntion animation.. 공감수 0 댓글수 0 2023. 8. 30.
[Spring] Spring Data JPA - 엔티티 Entity 매핑 ★ @Entity @Entity 어노테이션이 붙은 클래스는 JPA 가 관리하는 것으로, 엔티티라고 불립니다. 자동으로 데이터베이스의 테이블과 매핑됩니다. 기본 생성자 필수 final 클래스, enum, interface, inner class 에는 사용 불가 저장할 필드에 final 사용 불가 속성 name JPA 에서 사용할 엔티티 이름 지정 (default 는 클래스 이름) ★ @Table 엔티티와 매핑할 테이블을 지정합니다. @Entity 의 이름이 기본값이며, 테이블의 이름은 SQL 에서 사용됩니다. 속성 name 매핑할 테이블 이름 지정 (default 는 Entity 이름) catalog catalog 기능이 있는 DB 에서 catalog 를 매핑 (default 는 DB 명) schema s.. 공감수 1 댓글수 0 2023. 8. 14.
[Spring] 스프링 + JPA + MySQL 연동 ★ 스프링 프로젝트 생성 Dependencies Spring Web MySQL Driver Spring Data JPA ★ application.yml spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driver # MySQL 드라이버 설정 url: jdbc:mysql://127.0.0.1:3306/jpa_schema # DB source URL username: # DB username password: # DB password jpa: hibernate: ddl-auto: update # DDL 작성: 테이블 생성 및 수정 옵션 show-sql: false # JPA 쿼리문 확인 여부 properties: hibernate: dialect: org.. 공감수 0 댓글수 0 2023. 8. 13.
[Spring] ORM, JPA, Hibernate, JDBC, Spring Data JPA 개념 정리 ★ ORM, Spring Data JPA, JPA, Hibernate, JDBC, 그리고 관계형 데이터베이스 ★ ORM ORM 은 Object Relational Mapping 의 약자로 관계형 데이터를 객체로 표현하는 프로그래밍 기법 또는 기술입니다. 대부분의 프로그래밍 언어는 Object(객체)를 사용하고, 관계형 데이터베이스는 Table(테이블) 내부에서 Row(로우) 단위로 사용합니다. 이는 관계형 데이터베이스에서 사용하는 자료의 형태가 객체 지향 관점에서 맞지 않아 한계에 부딪히게 됩니다. ORM 은 이러한 간극을 해소하기 위해 객체와 DB 테이블이 매핑을 이루는 것이라고 볼 수 있으며, 코드 상에서 생성한 객체를 조작함으로써 DB 를 조작할 수 있게 됩니다. 즉, 자바 Object 와 데이터베.. 공감수 0 댓글수 0 2023. 8. 7.
[Spring]스프링 계층 구조 - Controller, Servcie, Repository, DAO, DTO, Entity ★ Spring 웹 어플리케이션 계층 구조 다음 그림은 스프링의 계층 구조를 전체적으로 나타낸 것입니다. 스프링의 웹 계층은 다음 4가지 계층으로 나뉩니다. Domain Model Presentation Model(Controller) Business Layer(Service Layer) Data Access Layer(Repository Layer) ★ Domain Model 도메인 모델 Domain Model(Object) 는 개발하고자 하는 영역을 분석하고, 그 분석의 결과로 도출된 모델(객체)이라고 할 수 있습니다. 도메인 모델은 특정 도메인을 개념적으로 표현한 것으로 모든 사람이 동일한 관점에서 이해할 수 있고 공유할 수 있도록 단순화한 것입니다. 관계형 데이터베이스의 Entity 와 비슷한 개.. 공감수 0 댓글수 0 2023. 8. 7.
[Spring] 스프링 + MyBatis + MySql 연동 ★ 개발환경 Spring Framework MySql MyBatis Docker 운영체제는 MAC 을 기준으로 포스팅하겠습니다. ★ Docker 저는 MySql 을 실행하기 위해 도커를 사용했습니다. 도커 설치에 대한 자료는 다른 레퍼런스를 참고해주세요. 도커 설치 후 다음 명령어를 터미널에 입력하여 설치가 완료되었는지 확인합니다. docker -v 도커로 MySql 을 실행하기 위해 도커 저장소에서 MySql 이미지를 가져와야 합니다. 다음 명령어를 통해 이미지를 가져옵니다. docker pull mysql 도커로 이미지를 잘 가져왔는지 확인합니다. docker images 이제 Docker MySql 컨테이너를 생성하고 실행합니다. docker run --name -e MYSQL_ROOT_PASSWO.. 공감수 1 댓글수 0 2023. 8. 6.
[Spring] 스프링 빈 Spring Bean ★ 스프링 빈 Spring Bean Bean 은 Spring IoC 컨테이너가 관리하는 자바 객체로, 스프링에 의해 생성되고 관리되는 인스턴스화된 객체입니다. ApplicationContext(IoC 컨테이너)가 생성하고 관리하며 Bean 을 얻기 위해 ApplicationContext.getBean() 과 같은 메소드를 사용합니다. Bean 은 클래스의 등록 정보, Getter/Setter 메소드를 포함하며, 컨테이너에 사용되는 설정 메타데이터로 생성됩니다. 이때 설정 메타데이터는 XML, 자바 Annotation, 자바 코드로 표현되며, 컨테이너의 명령과 인스턴스화, 설정, 조립할 객체 등을 정의합니다. ★ Spring Bean 을 Spring IoC Container 에 등록하는 방법 1. @Com.. 공감수 0 댓글수 0 2023. 8. 5.
[Spring]Spring Framework 란? - 스프링 개념 및 특징 정리 ★ 스프링(Spring) 이란? 스프링은 Java 기반의 경량급 오픈소스 어플리케이션 프레임워크입니다. 정확한 표현은 스프링 프레임워크(Spring Framework) 입니다. 여기서 경량급이란 스프링을 사용했을 때, 개발자가 작성해야 할 코드가 상대적으로 단순하다는 것을 의미합니다. 스프링을 사용함으로써 기존 기존에 불가피하게 작성해야만 했던 복잡한 코드를 제거하여 코드의 복잡성을 낮출 수 있습니다. ★ 스프링의 특징 1. 경량 컨테이너 스프링은 크기와 부하의 측면에서 경량 컨테이너로서 자바 객체를 직접 관리합니다. 각각의 객체 생성, 소멸과 같은 라이프 사이클을 관리하며, 스프링으로부터 필요한 객체를 얻어올 수 있습니다. 2. 제어의 역전 IoC: Inversion of Control 제어의 역전은 .. 공감수 0 댓글수 0 2023. 8. 5.
[Java] 자바 인터페이스 Interface ★ 인터페이스 Interface 자바의 인터페이스는 클래스들이 필수로 구현해야 하는 추상 클래스입니다. 다시 말해 다른 클래스를 작성할 때 기본이 되는 틀을 제공하면서, 다른 클래스 사이의 중간 매개 역할을 합니다. 자바의 일반 클래스는 다중 상속을 지원하지 않는데, 다중 상속을 할 경우 메소드 출처의 모호성 등 여러 문제가 발생할 수 있기 때문에 단 하나의 부모 클래스를 가질 수 있습니다. 하지만 인터페이스는 기능에 대한 선언만 하기 때문에 다중 상속을 지원합니다. 자바의 다형성을 극대화하면서 개발코드 수정을 줄이고 유지보수를 위해 인터페이스를 사용합니다. ★ 인터페이스 특징 다중 상속 지원 extends 키워드로 인터페이스를 상속 받을 수 있음 다중 상속 시 , 로 구분 추상 메서드와 상수만을 포함 .. 공감수 0 댓글수 0 2023. 7. 23.
[Java]자바 래퍼 클래스 Wrapper Class ★ 래퍼 클래스 Wrapper Class 자바의 데이터 타입은 크게 기본형(Primitive Type) 과 참조형(Reference Type)으로 구분할 수 있습니다. 기본형에는 byte, short, char, int, long, float, double, boolean 자료형이 있는데, 래퍼 클래스(Wrapper class)는 이러한 기본 자료형을 객체로 다루기 위한 클래스입니다. 프로그램에 따라 기본형 데이터를 객체로 취급해야 하는 경우가 있는데, 이러한 경우 기본형 데이터를 객체로 변환한 후 작업을 수행해야 합니다. 래퍼 클래스(Wrapper class)는 java.lang 패키지에 포함되어 있으며, 자바의 모든 기본형(Primitive type)은 값을 갖는 객체를 생성할 수 있습니다. 래퍼 클.. 공감수 0 댓글수 0 2023. 7. 23.
[Java] 자바 변수의 종류 ★ 변수(variable)란? 변수(variable)는 데이터를 저장하기 위해 할당받은 메모리(Memory) 공간을 의미합니다. ★ 자바 변수의 종류 자바 변수는 프로그램 코드 내에서 변수의 위치에 따라 그 유형을 구분할 수 있습니다. 1. 멤버 변수 Member variable 클래스부에 선언되며 객체가 생성될 때 객체의 특징과 속성을 저장하는 변수입니다. 인스턴스 변수와 클래스 변수로 구분할 수 있습니다. 2. 인스턴스 변수 Instance variable 클래스의 객체를 생성할 때 만들어지며, JVM 메모리 영역 중 Heap 영역에 로드됩니다. 인스턴스를 통해서만 접근할 수 있으며, 인스턴스는 독립적인 저장공간을 가지므로 인스턴스마다 독립적인 값을 가질 수 있습니다. 3. 클래스 변수 Class v.. 공감수 0 댓글수 0 2023. 7. 23.
[Java] 자바 ArrayList 정리 ★ ArrayList ArrayList 는 List 인터페이스를 상속받은 클래스로 순서가 있는 데이터들의 집합입니다. Array 는 컴파일 전에 반드시 배열의 크기를 지정해야 하며 그 크기가 고정되어 있어 늘리거나 줄일 수 없습니다. ArrayList 는 Array 와 마찬가지로 인덱스로 내부 객체를 관리한다는 점에서 동일하지만, Array 와 달리 그 크기를 동적으로 늘릴 수 있으며 더 다양한 메소드를 제공합니다. ArrayList 는 초기 용량을 10으로 지정하고, 초기에 지정한 용량을 넘어설 경우 그 크기의 1.5 배로 증가시킵니다. ★ ArrayList 선언 ArrayList 를 선언하는 방법은 다음과 같습니다. 타입을 지정하지 않고 선언할 경우에는 객체 내부에 데이터를 삽입할 때 임의의 자료형을.. 공감수 0 댓글수 0 2023. 7. 21.
[Java] 배열 Array 정리 ★ 배열 Array 배열은 많은 양의 데이터를 효율적으로 관리할 수 있도록 해주는 선형 자료구조입니다. 같은 자료형의 데이터를 연속된 공간에 순차적으로 나열하고, 배열 내의 요소들은 각각의 순서를 갖고 있는데 이것을 인덱스 index 라고 부릅니다. - 특징 같은 타입의 데이터만 저장할 수 있다. 한 번 생성된 배열은 길이를 늘리거나 줄일 수 없다. 각각의 요소는 index 라는 순서를 갖고 있다. ★ 배열 선언 및 초기화 자바의 배열은 '한 번 생성된 배열은 길이를 늘리거나 줄일 수 없다' 라는 특징을 갖기 때문에, 미리 배열의 크기를 지정해야 합니다. - 배열 선언 // 길이가 5인 배열 선언 int[] arr1 = new int[5]; int arr2[] = new int[5]; - 배열 선언 및 .. 공감수 0 댓글수 0 2023. 7. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.