Web26 [Web] 홈페이지 공지사항 팝업창 띄우는 알아보기 홈페이지에서 공지 팝업창을 띄우는 방법을 알아봅니다. [ Contents ] 1. HTML 공지사항 공지사항 내용입니다. 닫기 공지사항 팝업창이 될 를 간단히 만들어봅니다. 닫기 버튼도 태그를 이용해서 만듭니다. 위와 같은 팝업창을 공지사항 탭 링크를 누르면 띄우도록 만들어보겠습니다. 2025.06.13 - [Web] - [Web] 홈페이지 탭 전환 기능 구현하기 (addClass, removeClass 이용) [Web] 홈페이지 탭 전환 기능 구현하기 (addClass, removeC.. 2025. 6. 13. [Web] 홈페이지 탭 전환 기능 구현하기 (addClass, removeClass 이용) 홈페이지에서 addClass, removeClass 이용해서 탭 전환하는 방법을 알아봅니다. [ Contents ] 1. HTML 공지사항 갤러리 공지12025.06.01 공지22025.06.02 공지32025.06.03 공지42025.06.04 .. 2025. 6. 13. [Web] 이미지 슬라이드 fade out, fade in 구현 방법 알아보기 홈페이지 이미지 슬라이드에서 점차 흐려지다가, 다음 이미지로 넘어가는 fade out, fade in 기법을 알아보겠습니다. [ Contents ] 1. HTML 이미지1 이미지2 이미지3 ul - li 태그를 이용해서 이미지를 배치합니다. 현재 이미지는 li 태그 안에 있으므로 수직형태입니다. 2.. 2025. 6. 13. [Web] 홈페이지 일자형 슬라이딩 메뉴 구현하기 (수직 메뉴바) 홈페이지에서 수직 형태의 메뉴 바를 구현하는 방법을 알아봅니다. [ Contents ] 1. HTML 메인1 서브1 서브2 서브3 서브4 메인2 서브1 서브2 서브3 메인3 서브1 서브2 서브3 메인.. 2025. 6. 13. [Web] 슬라이드 메뉴 구현하는 방법 (전체 서브메뉴 슬라이딩) 홈페이지에서 상단 네비게이션 메뉴 바에서 마우스를 올려뒀을 때, 하단 메뉴가 슬라이딩되게 만드는 법을 다룹니다. [ Contents ] 1. HTML 우리가 일반적으로 볼 수 있는 메뉴 형태입니다. 위 메뉴는 아래와 같이 틀을 짤 수 있습니다. 메인메뉴1 서브1 서브2 서브3 메인메뉴2 .. 2025. 6. 13. [Web] 웹페이지 좌우로 움직이는 이미지 슬라이드 구현 방법 웹페이지에서 좌우로 움직이는 이미지 슬라이드 구현 방법을 알아봅니다. [ Contents ] 1. HTML 이미지1 이미지2 .. 2025. 6. 13. [Web] 웹페이지 위아래로 움직이는 이미지 슬라이드 구현 방법 웹페이지에서 위아래로 움직이는 이미지 슬라이드 구현 방법을 알아봅니다. [ Contents ] 1. HTML 이미지1 이미지2 .. 2025. 6. 13. [디자인] 색상이 주는 지각적 효과와 감정적 효과의 종류와 예시 디자인에서 색상에 따라 주는 지각적 효과와 감정적 효과의 종류와 예시에 대해서 알아봅니다. [ Contents ] 1. 지각적 효과 (Perceptual Effect)사용자가 무엇을 보고, 어떻게 인식하는지에 관련된 효과 사용자가 시각 정보를 어떻게 처리하는지에 대한 방식이나 효과를 설명합니다. 흔히 크고 색이 강하면 중요하다는 느낌을 받고, 작고 색이 연하면 중요하지 않다는 느낌을 받는 것처럼 사용자가 지각하는 효과를 다룹니다. 1) 동화현상인접 색에 가까운 것으로 느끼는 현상 주변 색깔에 동화되어, 가까운 색으로 느끼는 현상입니다. 2) 잔상효과자극 생긴 후 상이 그대로 남아 있는 현상 오랫동안 응시하다가 다른 곳을 보면, 원래 보던 것에 잔상이 남는 현상입니다. 예전에 착시효과가 한창 .. 2025. 4. 5. [디자인] RGB와 CMYK 차이, 감산혼합 인쇄용 색상 조합 빛의 3원색인 RGB와 달리, 실제 인쇄할 때에는 CMYK라는 색상 조합을 사용합니다. 이 글에서는 CMYK를 사용하는 이유와 그 색상 조합에 대해서 알아봅니다. [ Contents ] 1. RGB와 CMYK 모니터 화면은 RGB 3종류의 LED 조명에 따라 색깔이 결정됩니다. 빛의 3원색을 그대로 따르죠. 하지만 A4용지에 인쇄될 때는 다릅니다. 물감을 덧칠하면 점점 색이 어두워지는 것처럼, 인쇄도 감산혼합 방식을 따릅니다. 프린터 잉크는 CMYK, 4가지 색으로 이루어져 있으며 이는 아래에서 알아보겠습니다. 2. CMYK 색상조합C: CyanM: MagentaY: YellowK: (Key) Black 프린터에 들어가는 잉크 조합입니다. 특별히 많이 쓰이는 검정은 Blue와 헷갈리지 않기 위해서 .. 2025. 4. 5. 이전 1 2 3 다음
