본문 바로가기
반응형

IT 리뷰

 (3481)
CSS 배경색·글자색 색상코드 정리 HEX/RGB/RGBA와 테마 컬러 관리 팁 웹사이트 CSS 배경색·텍스트 색상코드 정리 (티스토리·워드프레스 HTML)티스토리, 워드프레스, 네이버블로그처럼 플랫폼이 달라도 화면에서 가장 먼저 체감되는 건 색입니다. 배경이 조금만 탁해도 글이 답답해 보이고, 링크 색이 튀면 신뢰도가 떨어져 보이기도 하죠. HTML/CSS에서 색을 지정하는 방식은 단순하지만, “어떤 포맷을 언제 쓰면 편한지”를 알아두면 작업 속도가 확 올라갑니다.가장 흔한 방식은 HEX(16진수) 입니다. RGB(빨강/초록/파랑) 채널을 0~255 범위로 두고, 이를 16진수 두 자리씩 묶어서 #RRGGBB 형태로 표현합니다. 예를 들어 #FF0000은 빨강, #00FF00은 초록, #0000FF는 파랑(블루)입니다. 2026년 기준으로 실무에서 자주 쓰는 건 HEX와 rgb/r..
마우스 휠 스크롤을 가로 이동 변경 섹션형 웹사이트 HTML/CSS/스크립트 웹사이트 마우스 스크롤로 세로에서 가로 이동 구현하기 (HTML/CSS/스크립트)웹사이트를 만들다 보면 “요즘 사이트들은 왜 이렇게 부드럽게 넘어가지?” 싶은 순간이 있습니다. 제품 소개, 포트폴리오, 이벤트 페이지처럼 섹션을 크게 보여주는 화면에서는 휠 스크롤을 가로 이동으로 바꿔 콘텐츠를 넘기는 방식이 꽤 자주 쓰입니다. 다만 아무렇게나 적용하면 트랙패드에서 튀거나, 모바일에서 어색해지거나, 스크롤 막힘 때문에 답답하게 느껴질 수 있습니다. 그래서 “가로 이동이 자연스럽게 느껴지는 최소 구성”부터 잡아두고, 필요하면 섬세하게 조정하는 쪽이 결과가 좋습니다.요즘 가장 핫한 웹사이트 트렌드 중 하나는 마우스 스크롤 시 가로 스크롤링 기능을 활용한 구성입니다. 티스토리 스킨, 워드프레스 테마, 랜딩 페이지..
워드프레스 사이드바 모바일 숨김 + PC 전용 위젯 노출, 좌/우 추가 sticky 설정 워드프레스 사이드바 숨기기 & 좌/우 추가, 위젯 모바일 숨김 + 스크롤 따라오기 설정워드프레스는 PC에서 화면 폭이 넉넉할 때 사이드바(위젯)를 잘만 쓰면 카테고리, 인기글, 검색, 공지 같은 요소를 자연스럽게 노출할 수 있습니다. 문제는 모바일입니다. 모바일에서 사이드바가 본문보다 먼저 길게 나오거나, 위/아래로 과하게 늘어지면 본문까지 스크롤을 내려야 하는 구간이 생기고, 이게 체감 이탈로 바로 이어집니다. 특히 앱/웹뷰 환경에서는 “상단에 길게 붙는 위젯”이 더 자주 보입니다.그래서 오늘은 모바일에서는 사이드바를 숨기고, PC에서는 필요할 때만 보이게 하거나(또는 특정 위젯만 노출), 추가로 좌/우 사이드바를 구성하는 방식까지 한 번에 정리합니다. 참고로 “사이드바에 애드센스 광고를 고정” 같은 ..
티스토리 사이드바 고정해제 sticky 고정, 높이·폭 사이즈 조절까지 CSS 티스토리 사이드바 고정해제 & 마우스 스크롤 따라오게 설정, 사이즈 조절 CSS티스토리에서 사이드바는 “있으면 편한데, 잘못 잡히면 불편한” 영역입니다. 본문만 깔끔하게 보여주고 싶을 땐 사이드바를 끄는 게 정답일 때가 많고, 반대로 카테고리/공지/최근글/구독 버튼처럼 독자가 바로 눌러야 하는 요소가 있다면 사이드바가 확실히 힘을 냅니다. 문제는 스킨에 따라 사이드바가 고정되어 있다가 콘텐츠가 길어지면 하단 위젯이 잘리거나, 반대로 너무 안 따라와서 읽는 중에 사용성이 뚝 떨어지는 케이스가 생긴다는 겁니다. 2026년 기준으로도 해결 방향은 똑같습니다. 스킨에서 쓰는 사이드바 셀렉터(#aside, #sidebar, .area-aside 등)를 찾고, position: sticky 중심으로 안정적으로 조정..
해외직구 관부가세 계산방법 (FTA 적용 면세 150/200달러 부피 무게) 해외직구 관부가세 계산과 FTA 통관에서 자주 틀리는 포인트해외직구를 오래 하다 보면 “결제 금액만 잘 맞추면 끝”이라고 생각하기 쉬운데, 실제 과세는 생각보다 변수가 많습니다. 특히 할인·쿠폰, 현지세금, 합배송, 품목 제한 같은 요소가 겹치면 면세 구간으로 계산했는데도 과세가 나오는 일이 흔합니다.아래 내용은 2026년 기준으로 해외직구 관부가세 계산을 할 때 헷갈리는 지점과, FTA(자유무역협정) 적용에서 많이 놓치는 부분을 한 번에 묶어 정리한 글입니다. FTA 혜택은 ‘구매국’이 아니라 원산지로 판단됩니다한미 FTA처럼 협정이 있는 국가에서 구매하면 “관세가 줄어들 수 있는 길”이 생깁니다. 다만, 여기서 많은 분들이 착각하는 부분이 하나 있습니다. ‘미국에서 샀다’가 아니라 ‘미국산(원산지)’..
해외직구 관부가세 납부방법 관세 부가세 계산기 150달러 면제 기업은행 후기 해외직구 관부가세 납부방법 총정리 (면세한도·합산과세·기업은행 납부·계산식)해외직구는 결제 버튼만 누르면 끝날 것 같지만, 실제로는 관세·부가세(관부가세)에서 한 번 더 체크가 필요합니다. 특히 2026년 현재도 면세한도(미국 200달러 / 그 외 150달러), 합산과세, 목록통관 배제 품목 같은 변수가 많아 “왜 세금이 나왔지?”가 자주 발생하죠.아래는 해외직구 관부가세를 실제로 납부해야 하는 상황부터, 계산식, 납부기한, 기업은행(IBK)로 납부하는 방법까지 한 번에 알아보도록 하겠습니다.해외직구 관부가세 납부방법 면세한도 핵심1) 관부가세(관세+부가세) 기본 구조해외에서 산 물건이 국내로 들어오면 세관에서 과세 여부를 판단합니다.통상 말하는 관부가세는 관세와 부가가치세(부가세)를 묶어 부르는 표현이..
아이폰 아이튠즈 백업 위치 변경 C드라이브에서 D드라이브 옮기는 방법 아이폰 아이튠즈 백업위치 변경 C드라이브 D드라이브 이동아이폰을 오래 쓰다 보면 사진·동영상·앱 데이터가 쌓이면서 백업 파일 크기도 빠르게 커집니다. 특히 최신 모델로 갈수록 촬영 품질이 좋아져서 로컬 백업 용량이 더 부담스럽게 느껴지곤 하죠.문제는 아이튠즈(또는 Windows의 Apple 기기 백업 기능)가 기본적으로 C드라이브 사용자 폴더 아래에 백업을 쌓는다는 점입니다. SSD를 시스템용(C)으로만 쓰고, 데이터는 D/E 드라이브로 나눠 쓰는 환경이라면 C드라이브가 금방 꽉 차기 쉽습니다.이 글에서는 심볼릭 링크(mklink)를 활용해, 아이튠즈 백업 위치를 C드라이브에서 D드라이브(또는 E드라이브)로 자연스럽게 바꾸는 구성을 정리했습니다. 윈도우에서 C드라이브가 자주 부족하다면 저장소센스도 같이 ..
아이튠즈 없이 아이폰 음악 MP3 넣는 법 (3uTools 전송·백업·안될 때) 아이튠즈 없이 아이폰 음악 MP3 넣는법 - 3uTools Q&A아이폰·아이패드를 쓰다 보면 결국 한 번은 PC에서 음악(MP3/M4A)을 넣는 상황이 옵니다. 예전에는 “아이튠즈가 정답”이었는데, 요즘 윈도우 환경은 Apple Music/Apple TV/Apple Devices 쪽으로 나뉘기도 하고, 무엇보다 아이튠즈 자체가 무겁게 느껴지는 분들이 많습니다.그래서 “일단 빠르게 넣고, 바로 음악 앱에서 재생”이 목적이라면 3uTools로 아이튠즈 없이 전송하는 쪽이 체감 난이도가 낮습니다. 아래는 3uTools 설치부터 드래그로 넣는 방식, 그리고 자주 막히는 부분까지 한 번에 정리했습니다.참고로 “공식 방식(아이튠즈/Apple Music)으로 넣는 법”이 필요하면 아래 글도 같이 보면 정리가 빨라집니..
반응형

티스토리툴바