본문 바로가기

반응형

분류 전체보기

(6525)
마우스 휠 스크롤을 가로 이동 변경 섹션형 웹사이트 HTML/CSS/스크립트 웹사이트 마우스 스크롤로 세로에서 가로 이동 구현하기 (HTML/CSS/스크립트)웹사이트를 만들다 보면 “요즘 사이트들은 왜 이렇게 부드럽게 넘어가지?” 싶은 순간이 있습니다. 제품 소개, 포트폴리오, 이벤트 페이지처럼 섹션을 크게 보여주는 화면에서는 휠 스크롤을 가로 이동으로 바꿔 콘텐츠를 넘기는 방식이 꽤 자주 쓰입니다. 다만 아무렇게나 적용하면 트랙패드에서 튀거나, 모바일에서 어색해지거나, 스크롤 막힘 때문에 답답하게 느껴질 수 있습니다. 그래서 “가로 이동이 자연스럽게 느껴지는 최소 구성”부터 잡아두고, 필요하면 섬세하게 조정하는 쪽이 결과가 좋습니다.요즘 가장 핫한 웹사이트 트렌드 중 하나는 마우스 스크롤 시 가로 스크롤링 기능을 활용한 구성입니다. 티스토리 스킨, 워드프레스 테마, 랜딩 페이지..
워드프레스 사이드바 모바일 숨김 + PC 전용 위젯 노출, 좌/우 추가 sticky 설정 워드프레스 사이드바 숨기기 & 좌/우 추가, 위젯 모바일 숨김 + 스크롤 따라오기 설정워드프레스는 PC에서 화면 폭이 넉넉할 때 사이드바(위젯)를 잘만 쓰면 카테고리, 인기글, 검색, 공지 같은 요소를 자연스럽게 노출할 수 있습니다. 문제는 모바일입니다. 모바일에서 사이드바가 본문보다 먼저 길게 나오거나, 위/아래로 과하게 늘어지면 본문까지 스크롤을 내려야 하는 구간이 생기고, 이게 체감 이탈로 바로 이어집니다. 특히 앱/웹뷰 환경에서는 “상단에 길게 붙는 위젯”이 더 자주 보입니다.그래서 오늘은 모바일에서는 사이드바를 숨기고, PC에서는 필요할 때만 보이게 하거나(또는 특정 위젯만 노출), 추가로 좌/우 사이드바를 구성하는 방식까지 한 번에 정리합니다. 참고로 “사이드바에 애드센스 광고를 고정” 같은 ..
티스토리 사이드바 고정해제 sticky 고정, 높이·폭 사이즈 조절까지 CSS 티스토리 사이드바 고정해제 & 마우스 스크롤 따라오게 설정, 사이즈 조절 CSS티스토리에서 사이드바는 “있으면 편한데, 잘못 잡히면 불편한” 영역입니다. 본문만 깔끔하게 보여주고 싶을 땐 사이드바를 끄는 게 정답일 때가 많고, 반대로 카테고리/공지/최근글/구독 버튼처럼 독자가 바로 눌러야 하는 요소가 있다면 사이드바가 확실히 힘을 냅니다. 문제는 스킨에 따라 사이드바가 고정되어 있다가 콘텐츠가 길어지면 하단 위젯이 잘리거나, 반대로 너무 안 따라와서 읽는 중에 사용성이 뚝 떨어지는 케이스가 생긴다는 겁니다. 2026년 기준으로도 해결 방향은 똑같습니다. 스킨에서 쓰는 사이드바 셀렉터(#aside, #sidebar, .area-aside 등)를 찾고, position: sticky 중심으로 안정적으로 조정..
신도림 모돌 신도림본점 / 모돌 모듬 한 판 + 화산볶음밥 + 제주식 물밀면 후기 신도림 모돌 신도림본점 / 모돌 모듬 한 판 + 화산볶음밥 + 제주식 물밀면 후기토요일 대청호 라이딩 다녀온 다음날, 회복 겸 데이트로 일요일에 신도림역에 위치한 모돌 신도림본점을 다녀왔다.평소에도 신도림 일대에서 유명하다고 알고 있었는데 실제로 가보니 왜 사람들이 여기를 신도림 맛집이라고 말하는지 첫 접시부터 설득력이 있었다.고기를 직접 굽지 않아도 된다는 점이 가장 신기했는데, 듀록 흑돼지를 100시간 숙성해서 주방에서 최적 온도로 딱 맞춰 구워내 주니 맛이 확실히 다르다. 테이블에 도착하는 순간부터 숙성 고기 향이 확 올라와서 기대치가 확 올라가는 집이다. 편하게 이야기를 나누면서 먹을 수 있다는 점도 마음에 들었다.이런 시스템 덕에 단체 모임이나 데이트에 특히 잘 맞는 타입의 돼지고기 맛집이라는 ..
연말정산 환급 입금날짜 총정리 환급금액 조회부터 손택스 확인까지 연말정산 환급 입금날짜와 환급금액 조회 한 번에 정리매년 1월이 되면 연말정산 간소화서비스가 열리고, 자료를 확인한 뒤 회사에 제출하면 연말정산 환급금액이 정산됩니다. 환급이 있는 경우엔 따로 신청하지 않아도 보통 월급 통장으로 들어오고, 추가로 납부할 세금이 있으면 급여에서 빠져나가는 형태로 정리됩니다.많이들 궁금해하는 건 결국 두 가지입니다. 연말정산 환급 입금날짜가 언제인지, 그리고 연말정산 환급금액 조회를 어디서 어떻게 하는지죠.연말정산 환급 입금날짜는 보통 언제 들어오나직장인 기준으로 연말정산 환급 입금날짜는 대개 2월~3월 급여일에 맞춰 들어오는 경우가 가장 많습니다.다만 회사마다 내부 정산 타이밍이 다르다 보니, 같은 연도라도 누군가는 2월에 받고 누군가는 3월에 받습니다.특히 다음 상황에서..
퇴사 후 연말정산부터 자발적 퇴사 실업급여(전직장 서류·상실코드 11번) 직장을 그만두면 마음이 먼저 쉬고 싶어지는데, 정작 돈은 세금이랑 서류에서 갈립니다. 우선 직장인이라면 퇴사 후 연말정산이랑 자발적 퇴사 실업급여는 서로 다른 제도지만, 둘 다 “퇴사 당시 회사에서 뭘 처리했는지”에 따라 결과가 확 달라지는데 특히 중도퇴사자나 작년퇴사 케이스는 서류 한 장이 환급과 추가납부를 갈라놓고, 전직장에서 찍힌 코드 하나가 실업급여 판단에 영향을 주기도 해요.퇴사 후 연말정산, 중도퇴사자가 가장 많이 놓치는 구간연말정산 시즌이 오면 “회사 다닐 때는 알아서 해주더니, 퇴사하고 나니 내가 다 해야 하네?” 싶은 순간이 옵니다.퇴사 후 연말정산은 특히 중도퇴사자에게 흔한 함정이 있어요. 퇴사 정산이 ‘대충 마감’처럼 끝나는 경우가 많아서, 전직장에서 빠진 공제를 그대로 두면 환급을 ..
이직·퇴사 연말정산 정리 원천징수영수증부터 5월 신고까지 퇴사 후 연말정산을 다시 확인해야 하는 이유직장을 옮기거나 그만둔 해에는 정산이 “끝난 것처럼 보이는” 경우가 많습니다. 특히 작년퇴사 뒤 공백이 있었거나, 서류를 늦게 챙겼다면 공제 항목이 빠진 채로 마무리되는 일이 흔해요. 그래서 중도퇴사자라면 이번 시즌에 한 번 더 점검해두는 편이 안전합니다.정산의 핵심은 단순합니다.누락이 생기기 쉬운 구간을 정확히 집어내고, 자료를 맞춰 넣는 것. 이때 전직장 서류가 가장 중요한 열쇠가 됩니다. 오늘은 퇴사 후 연말정산에서 가장 자주 엇갈리는 부분을 깔끔하게 정리해볼게요.중도퇴사자에게 흔한 정산 누락 패턴작년퇴사를 했던 분들 중 상당수는 퇴사 시점에 “기본 항목만 적용된 정산”으로 끝납니다. 카드 사용액, 의료비, 교육비, 기부금처럼 자료가 필요한 항목은 빠지기 ..
해외직구 관부가세 계산방법 (FTA 적용 면세 150/200달러 부피 무게) 해외직구 관부가세 계산과 FTA 통관에서 자주 틀리는 포인트해외직구를 오래 하다 보면 “결제 금액만 잘 맞추면 끝”이라고 생각하기 쉬운데, 실제 과세는 생각보다 변수가 많습니다. 특히 할인·쿠폰, 현지세금, 합배송, 품목 제한 같은 요소가 겹치면 면세 구간으로 계산했는데도 과세가 나오는 일이 흔합니다.아래 내용은 2026년 기준으로 해외직구 관부가세 계산을 할 때 헷갈리는 지점과, FTA(자유무역협정) 적용에서 많이 놓치는 부분을 한 번에 묶어 정리한 글입니다. FTA 혜택은 ‘구매국’이 아니라 원산지로 판단됩니다한미 FTA처럼 협정이 있는 국가에서 구매하면 “관세가 줄어들 수 있는 길”이 생깁니다. 다만, 여기서 많은 분들이 착각하는 부분이 하나 있습니다. ‘미국에서 샀다’가 아니라 ‘미국산(원산지)’..

반응형