안녕하세요! 오늘은 HTTP 통신에서 빠질 수 없는 핵심 헤더 중 하나인 Content-Type 에 대해 정리합니다.API 요청을 만들 때, 혹은 서버 응답을 처리할 때 꼭 알아둬야 할 개념이니 차근차근 읽어주세요. 🌱 사진 출처: https://velog.io/@vekkary/Content-type%EC%9D%B4%EB%9E%80 🌟 Conten...

안녕하세요! 오늘은 스프링의 트랜잭션 전파 속성(Transaction Propagation) 에 대해 정리해 보았습니다.스프링에서 @Transactional 어노테이션을 사용할 때, 이미 트랜잭션이 진행 중이라면 어떻게 동작할지 결정하는 중요한 속성입니다.단순히 @Transactional만 붙이는 것에서 한 발 더 나아가, 서비스 설계에 맞게 올바르게...

안녕하세요! 오늘은 프론트엔드 개발자라면 꼭 알아야 할 JWT(Json Web Token) 의 장점과 단점에 대해 정리해보았습니다. 최근 웹 서비스에서 인증/인가를 구현할 때 많이 사용하는 방식인 만큼, 개념과 특성을 잘 이해해 두면 좋습니다. 🔷 JWT란?JWT(Json Web Token) 는 JSON 포맷으로 사용자 정보를 안전하게 전달하기 위해...

안녕하세요, 김기성입니다.오늘은 제가 개발 중인 친환경 패션 전자상거래 플랫폼 GreenWear의 백엔드 API 개발과 통합 작업 과정을 기록해둡니다.어찌저찌 스프링 부트 서버까지 띄워두긴 했지만, 그 과정에서 경로 문제와 각종 오류에 막히며 고생했던 하루였네요. ​ｇｉｔ주소： https://github.com/saway126/greaenwear ...

멀티스레드 환경에서 자주 발생하는 문제 중 하나가 바로 경쟁 상태(Race Condition) 입니다.여러 스레드가 동시에 같은 자원에 접근해 작업하면서 실행 순서에 따라 예상치 못한 결과가 발생하는 현상이죠.그렇다면 경쟁 상태를 방지하려면 어떤 조건을 만족해야 할까요?오늘은 핵심 개념인 원자성(Atomicity) 과 가시성(Visibility) 에 ...

프론트엔드 개발을 하다 보면 CSS 선택자만으로는 부족할 때가 있습니다.예를 들어, 특정 요소의 일부만 스타일링하거나, 특정 상태일 때만 스타일을 바꾸고 싶다면?이럴 때 유용하게 쓸 수 있는 것이 바로 의사 요소와 의사 클래스입니다.오늘은 두 개념의 차이와 활용법을 예시 코드와 함께 정리해보겠습니다. 🧩 의사 요소란?의사 요소(Pseudo-eleme...

​🌱 GreenWear 개발 회고록: AI와 함께한 나의 첫 스마트웨어 프로젝트📌 GitHub: saway126/greaenwear Previous image Next image 🗓️ 시작: 2024년 5월 21일, 부트캠프를 마치고지난 5월 21일, 한화 BEYOND SW 부트캠프를 마치고 집으로 돌아온 날, 문득 이런 생각이 들었습니다.”이제 ...

안녕하세요! 오늘은 네트워크 개발자라면 꼭 알아야 할 핵심 개념,DNS(Domain Name System) 에 대해 알아보겠습니다. 🧩 DNS란?우리는 인터넷을 사용할 때 www.google.com 같은 도메인 주소를 입력합니다.하지만 실제로 컴퓨터들은 IP 주소(예: 142.250.206.4)를 이용해 통신합니다.IP는 사람이 기억하기 어렵기 때문...

Vue의 setup()과 React 함수형 컴포넌트는 모두 함수 기반 선언형 UI를 구현하기 위한 핵심입니다.하지만 두 프레임워크가 상태와 렌더링을 관리하는 방식이 다르기 때문에, 이 둘에도 미묘한 차이가 있습니다. ✨ 공통점✅ 함수처럼 실행된다.둘 다 컴포넌트를 렌더링할 때마다 함수처럼 호출됩니다.✅ 상태 선언과 로직 작성이 한 곳에 모인다.둘 다...

안녕하세요! 오늘은 리액트에서 자주 하는 실수 중 하나인useState를 조건문 안에서 호출하는 문제에 대해 정리해 보겠습니다.저는 평소에 Vue를 주로 사용해 왔는데, 리액트를 배우면서 이 부분이 낯설게 느껴졌습니다.Vue와 리액트는 상태를 관리하는 방식에 큰 차이가 있기 때문인데요.Vue를 많이 써본 분들이라면, 이 차이를 이해하면 더 쉽게 리액트...