티스토리

하히의 티스토리

검색하기

블로그 홈

하히의 티스토리

hhahee.tistory.com/m

차근차근 공부하는 것을 기록하는 공간

구독자: 2

방명록 방문하기

주요 글 목록

[React] React와 TypeScript로 구현하는 다양한 텍스트 들여쓰기 기법 이번 포스팅에서는 React 컴포넌트를 활용하여 텍스트 들여쓰기 효과를 다양하게 구현하는 방법을 소개합니다.특히, 첫 번째 줄은 18px, 두 번째 줄부터는 36px 들여쓰기가 적용되는 "indentDouble" 타입을 포함한 여러 타입의 구현 예제를 제공하여, UI의 가독성을 높이는 데 도움이 될 것입니다.import React from 'react';import { Box, Typography } from '@material-ui/core';interface FaqAnswer { type: 'br' | 'indent' | 'indentAll' | 'indentDouble' | string; text: string;}// 다중 텍스트 들여쓰기 구현 함수const generateAnswer = (co.. 공감수 1 댓글수 0 2025. 2. 11.
VS Code Tasks와 PowerShell로 백엔드 서비스 Git 업데이트 자동화하기 백엔드 서비스가 여러 개 있어 매번 해당 디렉터리로 이동해 git pull을 실행하는 것이 번거로웠던 경험이 있으실 것입니다. 이번 포스팅에서는 VS Code의 Tasks와 PowerShell 스크립트를 활용하여, 한 번의 커맨드 실행으로 여러 서비스의 Git 업데이트를 자동화하는 방법을 소개합니다.사용 환경 및 목적환경: VS Code, Windows PowerShell목적: 여러 Git 리포지토리를 하나의 명령어로 업데이트구성: VS Code의 tasks.json과 PowerShell 스크립트1. VS Code Tasks 설정 (tasks.json)아래 예시는 프로젝트 루트 또는 .vscode 폴더에 위치시킵니다.여기서는 환경 변수 BASE_DIR를 이용해 현재 워크스페이스 경로를 전달합니다.{ ".. 공감수 1 댓글수 0 2025. 2. 11.
[면접 대비] 브라우저에 google.com을 입력하면 무슨 일이 일어날까? 개요웹 개발자나 네트워크 엔지니어 면접에서 자주 나오는 질문 중 하나가 **"브라우저에 google.com을 입력하면 무슨 일이 일어나는가?"**이다. 이 질문은 웹의 동작 원리, 네트워크 구조, 브라우저 렌더링 과정 등을 얼마나 이해하고 있는지 평가하는 데 사용된다. google.com을 입력하고 엔터를 누르는 순간부터 웹페이지가 표시될 때까지의 전체 흐름에 대하여 정리했다.1. 사용자가 google.com 입력 후 Enter를 누름먼저 사용자가 브라우저의 주소창에 google.com을 입력하고 Enter를 누르면, 브라우저는 이 URL을 처리하기 시작2. DNS(Domain Name System) 조회브라우저는 google.com을 IP 주소로 변환하기 위해 DNS 요청을 보냄.로컬 캐시 확인: 브.. 공감수 1 댓글수 1 2025. 2. 10.
[React] React 프로젝트마다 다른 버전 설치해도 괜찮을까? 완벽 정리 📌 React 프로젝트마다 다른 버전 설치해도 괜찮을까?React 프로젝트를 여러 개 작업하다 보면 각 프로젝트에서 다른 React 버전을 사용해야 할 때가 있습니다.그런데, 한 폴더에서 React 17을 쓰고, 다른 폴더에서 React 18을 설치해도 괜찮을까요?결론부터 말하면, 각 프로젝트 폴더마다 React 버전을 다르게 설치해도 문제가 없습니다.✅ React 프로젝트별 버전이 충돌하지 않는 이유각 프로젝트는 독립적인 패키지 환경을 가짐다른 프로젝트의 node_modules/ 폴더와 충돌하지 않음package.json과 package-lock.json을 기반으로 버전이 고정됨🔹 현재 프로젝트에서 사용 중인 React 버전 확인하기터미널에서 해당 프로젝트 폴더로 이동 후 아래 명령어를 실행하세요... 공감수 1 댓글수 0 2025. 2. 6.
[VSCode] ctrl+enter 단축키 변경 기존 : 다음줄로 이동업데이트 후 : GitHub Copilot Suggestions 열림 -> 다시 기존으로 바꾸는 방법!!! 단축키 설정에서 직접 변경Ctrl + K Ctrl + S를 눌러 키 바인딩 설정을 엽니다.ctrl+enter를 검색합니다.GitHub Copilot: Accept Inline Suggestion 항목이 있다면 우클릭 → 키 바인딩 제거를 선택합니다.여기까지 하면 기존처럼 다음줄로 이동이 작동될 것! 여전히 안된다면 4번을 해보자!!(Insert Line After 항목을 찾아 Ctrl + Enter를 다시 할당합니다.)이제 다시 Ctrl + Enter를 입력하면 자동완성 대신 원래대로 다음 줄로 이동할 갓! 😊 공감수 1 댓글수 0 2025. 2. 5.
[React] 구조 분해 할당(Destructuring Assignment) 함수에 객체나 배열을 전달해야 할 일이 많음. 하지만 항상 전체 데이터를 사용할 필요는 없고, 일부 값만 필요한 경우도 있음.이럴 때 유용한 게 바로 구조 분해 할당(destructuring assignment). 배열이나 객체에서 원하는 값만 쏙쏙 골라 변수로 저장 가능. 덕분에 코드도 깔끔해지고 가독성도 좋아짐.1. 배열 분해하기배열을 구조 분해 할당하면 특정 요소를 쉽게 변수에 담을 수 있음.let arr = ["Bora", "Lee"];// 구조 분해 할당을 이용한 변수 선언let [firstName, surname] = arr;console.log(firstName); // Boraconsole.log(surname); // Lee위 코드에서 firstName 변수에는 arr[0], surna.. 공감수 1 댓글수 0 2025. 2. 5.
[React] Context API 특정 함수를 특정 컴포넌트를 거쳐서 원하는 컴포넌트에게 전달하는 작업3~4개 이상의 컴포넌트를 거쳐서 전달을 해야한다면?프로젝트 안에서 전역적으로 사용할 수 있는 값을 관리할 수 있다.여기서 “값”은 상태뿐만 아니라, 함수, 외부 라이브러리 인스턴스, DOM 모두 가능⇒ 리액트의 Context API와 dispatch를 사용하여 이러한 복잡한 구조를 해결해보자Context API 만들어보기React.createContext()const UserDispatch = React.createContext(null);createContext의 파라미터에는 Context의 기본 값을 설정Context를 만들면, 안에 Provider라는 컴포넌트가 들어있는데, 이것을 통하여 Context의 값을 정할 수 있음이 컴포.. 공감수 1 댓글수 0 2025. 2. 5.
[React] class형 컴포넌트 VS function형 컴포넌트 과거에는 클래스형 컴포넌트를 주로 사용현재는 공식 문서에서 함수형 컴포넌트와 훅을 함께 사용할 것을 권장컴포넌트데이터가 주어졌을 때 이에 맞추어 UI를 만들어주는 기능라이프 사이클 API를 통해 컴포넌트가 화면에 나타날 때, 사라질 때, 변할 때 작업들을 수행Class형 컴포넌트state 기능 및 라이프 사이클 기증을 사용할 수 있고, 임의 메서드를 정의할 수 있다.render함수가 꼭 있어야 한다.Function형 컴포넌트클래스형 컴포넌트보다 선언하기 좀더 편리메모리 자원을 덜 사용한다는 장점과거에는 함수형 컴포넌트에서 state와 라이프 사이클 API를 사용할 수 없었지만, → 리액트 훅이 도입되면서 단점이 해결됨일반적인 함수 선언 방식과 / 화살표 함수(arrow function) 방식 모두 가능화.. 공감수 0 댓글수 0 2025. 2. 5.
[React] Context Provider, useEffect, useMemo React에서 context provider, useEffect, 그리고 useMemo는 모두 중요한 개념이며 React 애플리케이션을 개발할 때 자주 사용됩니다. 각각의 역할과 사용법에 대해 자세히 설명하겠습니다.Context Provider:역할: Context Provider는 React 컴포넌트 트리 전체에서 데이터를 공유하는 데 사용됩니다. 주로 전역 상태 관리에 활용됩니다.사용법: Context를 생성하고, 해당 컨텍스트의 공급자(Provider)를 사용하여 컴포넌트 트리에 값을 제공합니다. 컴포넌트에서는 해당 컨텍스트의 값을 소비(consume)할 수 있습니다.// 예시: 컨텍스트 생성const MyContext = React.createContext();// 예시: 컨텍스트 공급자 사용fu.. 공감수 1 댓글수 0 2025. 2. 5.
[React] useLayoutEffect vs useEffect: 언제, 왜 사용하는가? React에서 useEffect와 useLayoutEffect는 비슷해 보이지만 동작 방식에서 중요한 차이가 있음이 차이를 이해하면 UI가 깜빡이는 문제(Flickering) 등을 방지 가능1. 기본 개념 정리 ▶ useEffect비동기적으로 실행됨 (렌더링 후 실행됨)화면이 먼저 업데이트된 후에 실행됨사용자에게 먼저 UI가 보이고 그 후에 실행되는 효과를 적용할 때 사용 ▶ useLayoutEffect동기적으로 실행됨 (렌더링 직후, 화면이 그려지기 전에 실행됨)DOM 업데이트가 적용되기 전에 실행됨UI가 깜빡이는 것을 방지하고 레이아웃이 변경되기 전에 실행해야 할 경우 사용2. 실행 순서 차이 ▶ useEffect 실행 순서컴포넌트가 렌더링됨브라우저가 화면을 업데이트함useEffect 실행됨impor.. 공감수 0 댓글수 0 2025. 2. 5.
[CSS] text-indent 사용하기. 두 번째 줄부터 들여쓰기 하려면? 두번째 줄부터 들여쓰기하기기존에는 줄이 넘어가도 들여쓰기 없이 첫줄과 동일한 위치에서 시작 ⦁ {t(data.title)} 두 번째 줄부터 들여쓰기 적용 (text-indent 대신 padding-left)text-indent을 사용하면 모든 줄이 들여쓰기 적용첫 줄은 그대로 두고 두 번째 줄부터 들여쓰기를 적용하려면 padding-left 또는 margin-left를 조합해서 사용 ⦁ {t(data.title)}⇒ 의도한대로 바뀐 것을 확인 공감수 1 댓글수 0 2025. 2. 4.
[React] Drawer와 Tab, Accordian - Console 콘솔에러 제거하기 [React] https://hhahee.tistory.com/174 Drawer와 Tab, Accordian으로 FAQ 구현하기2025년 02월 03일Mui의 Accordion 컴포넌트 사용Help Container에서 해당하는 버튼을 선택하면 Drawer가 나오도록 설정Drawer안에는 Tabs를 4가지로 구성각 Tab안에는 Questions의 리스트가 나오도록 하였음questionhhahee.tistory.com위 포스팅에서 초래된 콘솔 에러 해결해보기 모두 정상동작하지만 콘솔의 에러 (경고) 코드를 제거하고 싶었다. 1. FaqsTabs.tsx:84 Warning: Each child in a list should have a unique "key" prop.위의 에러에 나온 84번째 줄은 컴포.. 공감수 2 댓글수 0 2025. 2. 4.
[React] Drawer와 Tab, Accordian으로 FAQ 구현하기 2025년 02월 03일Mui의 Accordion 컴포넌트 사용Help Container에서 해당하는 버튼을 선택하면 Drawer가 나오도록 설정Drawer안에는 Tabs를 4가지로 구성각 Tab안에는 Questions의 리스트가 나오도록 하였음question은 길이와 expand시 bold체에 따라 한줄~두줄로 설정될 수 있음 → useEffect를 사용하여 expand되는 question 혹은 tab이 바뀔때마다 question의 wrapper라고 할 수 있는 AccordionSummary 컴포넌트의 height을 조정함호버 시, 글자색과 AccordionSummary 배경색상을 변경하여 가시적으로 표현함Question은 선택 시 Accordian 형태로 answer가 dropdown되도록 설정하였음.. 공감수 1 댓글수 0 2025. 2. 3.
[React] KeyDown, KeyUp 한국어 2번? onKeyUp, onKeyDown 한글 입력 시 두번 실행되는 오류특정 환경에서 한글 입력 시 composing 단계를 거치는데 이게 완료되지 않아 keyCode나 which 값이 229가 나오는 에러가 발생한다고 한다.이 229 에러가 발생해 그 연장선으로 key event가 제대로 작동하지 않아 결국 함수가 두 번씩 실행된 것 같은데, 두 번 실행에 대한 정확한 사유는 적혀있지 않았다.onKeyDown을 사용하고, composing 단계랑 keyCode === 229 일 때 return 하는 방법으로 걸러주어 밑의 작성된 코드를 정상적인 동작을 하게끔 만들어 주는 것으로 파악된다.function keyEnterHandler(e) { if (e.isComposing || e.keyCode === 22.. 공감수 1 댓글수 0 2025. 2. 3.
[React] Mention 기능 (Tribute.js) Tribute.js는 웹에서 @멘션 기능을 쉽게 구현할 수 있는 JavaScript 라이브러리입니다. 사용자가 특정 문자를 입력할 때, 해당 문자에 맞는 추천 목록(예: 사용자 목록)을 표시해주고, 그 중 하나를 선택할 수 있는 기능을 제공합니다. 주로 채팅 또는 댓글 시스템에서 사용자의 이름이나 태그를 입력할 때 편리하게 사용됩니다.기본 동작사용자가 @를 입력하면, 미리 정의된 리스트(예: 사용자 목록)에서 해당하는 항목들이 자동으로 제안됩니다.사용자가 제안된 목록 중 하나를 선택하면, 텍스트에 해당 항목이 삽입됩니다.이 라이브러리는 텍스트 영역, 인풋 필드, 또는 WYSIWYG 편집기와 함께 사용할 수 있습니다.예시간단한 예제를 통해서 사용 방법을 설명하겠습니다. @아이콘 버튼을 누르면 멤버 리스트가.. 공감수 1 댓글수 1 2025. 2. 3.
[CSharp] C# Dictionary 딕셔너리 C#에서 딕셔너리(Dictionary)는 키-값 쌍을 저장하는 데이터 구조로, 특히 검색 및 조회 작업에 매우 효과적입니다. 딕셔너리는 System.Collections.Generic 네임스페이스에 정의되어 있으며, 제네릭 형식을 사용하여 키와 값의 데이터 형식을 지정할 수 있습니다. 이것이 의미하는 바는 다양한 데이터 형식의 키와 값 쌍을 저장할 수 있으며, 컴파일 타임에 형식 안전성을 제공합니다.1. 딕셔너리 생성: 딕셔너리를 만들 때는 다음과 같이 선언하고 초기화합니다.Dictionary myDictionary = new Dictionary();TKey는 키의 데이터 형식을 나타내며, TValue는 값의 데이터 형식을 나타냅니다. 2. 요소 추가 및 업데이트: 딕셔너리에 요소를 추가하거나 업데이트하.. 공감수 1 댓글수 0 2023. 11. 7.
[Event] MouseOver/Out와 MouseEnter/Leave 그리고 hover "MouseOver"와 "MouseOut"은 마우스 이벤트입니다."MouseOver" 이벤트는 마우스가 어떤 요소 위로 올라갔을 때 발생하며,"MouseOut" 이벤트는 마우스가 어떤 요소를 빠져나갈 때 발생합니다. "MouseEnter"와 "MouseLeave" 이벤트도 마우스 이벤트입니다."MouseEnter" 이벤트는 마우스가 어떤 요소에 진입했을 때 발생하며,"MouseLeave" 이벤트는 마우스가 어떤 요소를 빠져나갈 때 발생합니다. 이벤트 이름이 조금 다르지만, "MouseOver"와 "MouseOut"과 비슷한 동작을 합니다. 차이점은??"MouseOver"와 "MouseOut" 이벤트는 요소 상에서 마우스 커서가 움직일 때 발생하는 이벤트입니다."MouseOver" 이벤트는 마우스 커서가 .. 공감수 0 댓글수 0 2023. 10. 26.
[CSharp] C#의 record C#의 record는 C# 9.0 버전부터 도입된 새로운 데이터 구조입니다. Record는 불변(immutable) 데이터 유형을 정의하는데 사용되며, 간결한 구문으로 클래스보다 간편하게 작성할 수 있습니다. Record는 레퍼런스 타입으로 생성되며, 값 타입과는 다릅니다.Record를 정의하려면 record 키워드를 사용합니다. Record를 정의하면 C# 컴파일러가 자동으로 일부 기본 구현을 생성하며, 데이터를 수정할 수 없도록 설계됩니다. Record의 주요 특징은 다음과 같습니다:값 불변성(Immutability): Record의 필드는 기본적으로 읽기 전용(readonly)으로 생성되며 수정할 수 없습니다. 이것은 데이터의 안정성과 일관성을 보장합니다.값 비교(Structural Equality.. 공감수 0 댓글수 0 2023. 10. 25.
[스크랩] REST API 관점에서 바라보는 HTTP 상태 코드(HTTP status code) https://sanghaklee.tistory.com/61 REST API 관점에서 바라보는 HTTP 상태 코드(HTTP status code) REST API 관점에서 바라보는 HTTP 상태 코드(HTTP status code) TOC Introduction HTTP 와 REST HTTP Status Code 2XX Success 4.1. 200 OK 4.2. 201 Created 4.3. 202 Accepted 4.4. 204 No Content 4XX Client errors 5.1. 400 Bad Request 5.2. 401 Unauthori sanghaklee.tistory.com HTTP 와 REST HTTP(HyperText Transfer Protocol)는 웹 환경에서 정보를 주고받기.. 공감수 0 댓글수 0 2023. 8. 31.
[CSharp] c# #2 kioskProject - CRUD, ORM Tutorial: Create a minimal API with ASP.NET CoreHow to use OpenAPI in Minimal API appsentity framework cross database enginec\Workspace 폴더에서 cmd 창code . → visual studio code 열어줌.mkdir kioskProject cd kioskProject ls cd kiosk ls code .Program.cs → dotnet의 기본 MVC 기반 (ASP.NET 서버 구성, API 서버 구성과 비슷)app.MapGet(...) → Restful, EndpointCtrl+J로 터미널 열고,dotnet run으로 나온 주소로 열면 실행dotnet build dotnet runRestf.. 공감수 1 댓글수 0 2023. 8. 31.
[CSharp] c# #1 kioskProject - erd diagram - ERD Diagram - erd diagram arrow 공감수 0 댓글수 0 2023. 8. 31.
[Ext Js] 12 MVVM 아키텍처 MVC 대체하기 위한 아키텍처MVC : 각 뷰를 통제하는 controller를 제어하기 어렵고, view와 controller가 N:N구조로 만들어지다 보면 복잡Model과 Controller를 View에 종속적인 구조로 구성한 View기준 아키텍처.View가 종료되면 ViewController와 ViewModel은 같이 소멸.→ ViewModel뷰가 보여주는 화면을 대신.통신을 위한 데이터 레이아웃이 아니다!→ ViewController뷰의 이벤트나 필요한 메소드를 구현해 view와 상호 연동.전역적인 글로벌 controller와는 달리, 자신과 연결된 View에 한하며 이벤트나 참조 등의 구현이 단순Reference 이용데이터 바인딩 이용 : viewModel의 데이터를 이용기본 구성 만들기cmd창에.. 공감수 0 댓글수 0 2023. 8. 31.
[Ext Js] 07 위젯(그리드 & 트리) draganddrop 그리드내부 아이템을 가지고 있는 컨테이너Ext.grid.Panel 이라는 패널의 일종Ext.grid.Panelxtype: 'gridpanel'Ext.grid.Panelxtype: 'grid'그리드는 Store를 필요로 함스토어 : 데이터를 가지고 있는 저장소. 서버나 로컬의 데이터를 가져와 보관.데이터의 레이아웃은 Model로 정의.그리드 출력해보기Ext.onReady(function() { var store = Ext.create('Ext.data.Store', { fields: ['name', 'email', 'phone'], groupField: 'nation', data: [ { nation:'대한민국', name:'김하나', email:'hong@test.com', phone:'999-9.. 공감수 0 댓글수 0 2023. 8. 31.
[Ext Js] 04 레이아웃 초기 ExtJS에서 태그 안에는 아무것도 없지만, app.js에 코드를 작성하면 미리 정의되어 있는 컴포넌트들이 자동으로 삽입되어 index.html에 보임ExtJS 컴포넌트들은 기본적으로 block 속성 (위-아래로 정렬)1. panel레이아웃을 구성할 때 쓰이는 Container.하위 구성요소를 포함할 수 있음renderTo:Ext.getBody() →어디에 보여지는지 : body안에Ext.onReady(function(){ Ext.create("Ext.panel.Panel",{ region: 'center', width: 500, height: 400, border: true, title: 'Hello', html: '&.. 공감수 0 댓글수 0 2023. 8. 31.
[Ext Js] 03 Ext JS 동작의 기본 위젯화면을 구성하는 집합으로 목적에 맞는 다양한 기능과 외형을 갖음각 컴포넌트는 xtype을 이용하여 정의xtype사용하는 이유 : Ext.create문을 이용하는 것 보다 짧고 간결하기 때문에위젯의 실시간 추가child widget을 실시간으로 추가하려면 add메소드를 사용add메소드는 일반적으로 Ext.create문을 이용하여 생성하고 사용쿼리Ext.ComponentQuery.query여러 건인 경우 : 배열 형태의 인덱스 값을 추가하여 처리ex) Ext.ComponentQuery.query('datafield')[0];ex) name속성이 추가되었을 경우 Ext.ComponentQuery.query('datafield[name=myDateField1]')[0];Ext JS 6에서는 id를 읽어올 수.. 공감수 0 댓글수 0 2023. 8. 31.
[Ext Js] 02 클래스 디버깅console.log(’…’)MVVM 아키텍처 사용 시, F12-Network 탭에서 requires한 파일이 정상적으로 로딩되었는지 확인클래스 정의객체 정의 → Ext.define(’클래스명’, {…});클래스는 일반속성과 config 속성을 가질 수 있음config 속성 : 설정과 같은 속성. 클래스 생성시 속성으로 인정config:{ name:null }과 같이 config 속성으로 name을 부여할 수 있음config에 속성을 설정할 경우 → 해당 속성은 자동으로 get, set 접두어를 붙여 메소드로 사용 가능 → this.getName(), this.setName(’설정값’)생성자 함수는 처음 클래스가 생성될 때 자동으로 constructor라는 생성자가 추가됨constructor 생성자.. 공감수 0 댓글수 0 2023. 8. 31.
[JavaScript] .map(), .filter() .map()과 .filter()는 JavaScript의 배열 메서드로서, 배열의 요소를 변환하거나 필터링하는데 사용React에서도 주로 사용되며, .map()은 주어진 배열의 각 요소를 변환하고 새로운 배열을 반환하며, .filter()는 주어진 조건을 만족하는 요소만을 선택하여 새로운 배열을 반환 1. .map() 메서드React에서 .map()을 사용하여 배열의 요소를 컴포넌트로 변환하고 리스트를 렌더링하는 것이 일반적const numbers = [1, 2, 3, 4, 5];const squaredNumbers = numbers.map(num => num * num); // [1, 4, 9, 16, 25].map() 메서드는 배열의 각 요소를 특정 함수를 적용하여 새로운 배열을 생성이 메서드는 원본 .. 공감수 0 댓글수 0 2023. 8. 31.
[React] Context useContext는 기존의 React에 존재하는 Context를 더 편하게 사용할 수 있게 해주는 역할Context 개념context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있음 (React공식문서)⇒ 데이터가 필요할 때마다 props를 통해 전달할 필요 없이 context 로 공유 가능context APIcreateContext : context 객체 생성Provider : 생성한 context를 하위 컴포넌트에게 전달Consumer : context의 변화를 감시하는 컴포넌트 공감수 0 댓글수 0 2023. 8. 31.
[Ext Js] 시작해보기 Ext JS는 고성능의 변형가능한 UI 위젯을 지원.다양한 벡엔드 소스에 맞출 수 있는 데이터 패키지 포함. 최소한의 조작으로 서버의 데이터를 가져와 사용할 수 있도록 지원다양한 화면에 적합한 레이아웃 매니저와 설정을 지원. 반응형 레이아웃을 이용하여 데스크탑, 모바일 또는 화면 크기에 따른 세부적인 제어 가능진보된 차트 패키지 지원.쉽게 사용하거나 변경할 수 있는 테마 지원.내부에서 사용하는 컨트롤러, 모델, 뷰컨트롤러, 뷰모델 등은 공유하여 사용 가능이를 위해 classic과 modern이라는 toolkit을 지원→ 프로젝트를 기본으로 생성하면, 클래식과 모던 두 개의 위젯을 포함한 프로젝트가 생성됨.센차 컴맨드를 이용해 프로젝트를 만들고 컴파일.센차 컴맨드작업공간 및 패키지 관리기본적인 applic.. 공감수 0 댓글수 0 2023. 8. 30.
[CSharp] C# study Nullable TypeNull 을 가질 수 없는 데이터 타입을 Null을 가질 수 있는 타입으로 만든 새로운 타입대표적으로 값 타입(value type)들이 Null을 가질 수 없음int, 구조체, double, bool 등의 데이터 타입은 값이 없는 상태(NULL)이 불가능한 데이터 타입클래스와 같은 reference type(=참조 타입)은 이미 Null 체크가 가능하기 때문에 따로 Nullable Type으로 만들지 않아도int와 같은 값 타입에 대해서 **"값이 없다"**를 표현하기 위해 Nullable Type이 개발 ✔️ Nullable 변수명 ✔️ T? 변수명as 연산자객체를 캐스팅할 때 사용되는 연산자캐스팅에 성공하면 캐스트 결과를 리턴, 실패하면 null값 리턴reference type.. 공감수 1 댓글수 0 2023. 8. 30.

문의안내

티스토리
로그인
고객센터

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