jonbeo 님의 블로그

position – static, relative, absolute, fixed, sticky 차이 쉽게 이해하기

CSS에서 레이아웃을 잡을 때 가장 많이 쓰는 속성이 바로 position입니다.하지만 static, relative, absolute, fixed, sticky는처음에는 헷갈릴 수밖에 없는 개념입니다.이번 포스팅에서는 각 position의 의미, 차이점, 예제를 통해초보자도 확실히 이해할 수 있도록 정리해드리겠습니다.✅ position이란?HTML 요소의 위치를 어떻게 배치할지를 지정하는 속성입니다.다른 요소들과의 관계, 부모 요소 기준, 스크롤 여부 등에서레이아웃에 큰 영향을 미칩니다.🔹 1. static – 기본 위치 (기본값) div { position: static;}아무 position도 지정하지 않으면 기본이 statictop, left, right, bottom 속성이 무시됨문서 흐름에..

해외직구 또는 구매대행을 처음 하시는 분들이 가장 많이 헷갈려하는 것 중 하나는바로 "배송대행지", 줄여서 **"배대지"**입니다. 이번 포스팅에서는배송대행지란 무엇인지어떤 기준으로 선택해야 하는지어떤 업체가 믿을만한지를 초보자도 쉽게 이해할 수 있도록 정리해드리겠습니다.📦 배송대행지(배대지)란?해외 쇼핑몰에서 직접 배송이 어려운 상품을**해외 현지 창고(배송대행지)**에 먼저 보내고,그 창고에서 한국으로 배송해주는 중개 서비스입니다. 예:아마존에서 물건 구매 → 미국 배대지 주소 입력배대지에서 한국으로 국제배송 → 통관 → 수령✅ 배송대행지가 꼭 필요한 이유 이유 설명 직배송 불가 상품아마존, 이베이 등 일부 판매자는 한국 배송 불가배송비 절감여러 상품을 한 박스로 묶어 배송비 절약 (묶음배송)빠른..

Git에서 작업 중 "실수했어요! 이전 상태로 되돌리고 싶어요!" 하는 순간이 꼭 찾아옵니다.이럴 때 사용하는 대표적인 명령어가 바로 **revert**와 **reset**입니다.하지만 이 두 명령어는 사용 목적도, 결과도 완전히 다릅니다.오늘 포스팅에서는 두 명령어의 개념, 차이점, 실제 사용법을 쉽게 정리해드리겠습니다.✅ 핵심 요약 먼저 보기 구분 git revert git reset 목적이전 커밋을 무효화하는 새 커밋 생성커밋 자체를 삭제하거나 이동안전성안전 (히스토리 유지)위험 (히스토리 변경)협업 시✅ 추천 (이력 유지됨)⚠️ 주의 (공유 브랜치에서 사용 시 충돌 가능)사용 예잘못된 코드 무효화테스트용 커밋 제거, 초기화 등🔁 1. git revert – 이전 커밋을 무효화 git reve..