HJS

👋 Welcome to HJS Blog

안녕하세요! 프론트엔드 개발자 한재석입니다.
이 블로그는 개발 과정에서의 배움과 경험을 기록하고 공유하는 공간입니다.
작은 성장이라도 꾸준히, 그리고 진심을 담아 나아가겠습니다.
방문해 주셔서 감사합니다 🙏

타입 가드
TypeScript

타입 가드

TypeScript의 진짜 힘은 타입을 안전하게 좁히는 것에 있습니다. 그 중에서는 타입 가드(TYPE GUARD)가 있습니다. 타입 가드는 조건문을 통해 타입을 구체적으로 좁혀주...

📅 20260711
ExcludeTwoToMake100
Algorithm

ExcludeTwoToMake100

팀장님은 프로젝트 팀원 10명의 기여 점수를 보고 깜짝 놀랐다.100점으로 딱 맞춰야 하는 프로젝트 총 기여점수가 이상하게 초과되어 있었기 때문이다. 알고 보니, 실수로 점수가 반...

📅 20250730
변수 섀도잉
JavaScript

변수 섀도잉

자바스크립트는 스코프(Scope) 기반 언어입니다. 내부 스코프에서 외부와 같은 이름의 변수를 선언하면 외부 변수가 가려지는 현상이 발생하는데, 이를 섀도잉(SHADOWING)이라...

📅 20250729
Solidity 기본 문법
Web3

Solidity 기본 문법

이더리운 기반 스마트 컨트랙트를 작성하는 객체지향(OOP) + 계약 중심 언어. 블록체인에서 안정적이고 예측 가능한 동작을 보장하기 위해 타입 안정성 등 특징 제공 // SPDX-...

📅 20250721
non null assertion operator
TypeScript

non null assertion operator

TypeScript를 쓰다 보면 null과 undefined는 늘 신경 써야 하는 부분입니다.하지만 어떤 값이 절대 null이 아님을 개발자가 더 잘 알고 있는 경우도 있습니다. ...

📅 20250710
스프링 빈
Spring

스프링 빈

스프링 빈(SPRING BEAN) 은 스프링 컨테이너가 생성하고 관리하는 객체를 말합니다. 보통 우리가 자바에서 객체를 사용할 땐 new 키워드로 직겁 생성합니다. 하지만 스프링에...

📅 20250620
의존성 주입
Spring

의존성 주입

Spring Framework의 핵심 기능 중 하나인 의존성 주입(DI) 은 객체 간의 의존 관계를 스프링 컨테이너가 자동으로 연결해 주는 개념입니다.DI를 통해 객체 간 결합도를...

📅 20250618
공변성과 반공변성
TypeScript

공변성과 반공변성

TypeScript에서는 함수 타입을 다룰 대 중요한 개념인 공변성(CONVARIANCE)과 반공변성(CONTRAVARIANCE), 그리고 그것이 실무에서 자주 보게 되는 다음 두...

📅 20250617
함수형 컴포넌트 반환 타입 정리
TypeScript

함수형 컴포넌트 반환 타입 정리

const MyComponent = (): JSX.Element => { return <div>Hello</div>; }; 가장 기본적인 JSX 반환 타...

📅 20250616
정적·동적·API 요청 흐름 정리
Spring

정적·동적·API 요청 흐름 정리

Spring Boot 애플리케이션에서 웹 브라우저의 요청이 들어왔을 때,정적 컨텐츠, 동적 템플릿, API 응답 중 어떤 방식으로 처리되는지에 대해 정리합니다. Spring Boo...

📅 20250612
interface와 type
TypeScript

interface와 type

interface와 type은 모두 객체의 타입을 정의할 때 사용되자만,용도와 표현력에서 약간의 차이가 있어 상황에 따라 선택적으로 사용하는 것이 좋습니다. 항목 interface...

📅 20250610
Grid 핵심 속성 정리
CSS

Grid 핵심 속성 정리

CSS GRID LAYOUT은 2차원 레이아웃 시스템으로, 행(ROW)과 열(COLUMN)을 기반으로 정밀하고 유연한 배치를 할 수 있게 해줍니다. 그리드 레이아웃을 시작하려면 부...

📅 20250515