본문 바로가기

전체 글374

쿠팡쇼핑몰 바로가기 www.coupang.com 쿠팡쇼핑몰 바로가기 www.coupang.com 를 제공해드리도록 하겠습니다. 홈페이지에 쉽게 접속하실 수 있도록 아래에 링크를 걸어두도록 하겠습니다. 썸네일 이미지를 클릭하시면 바로 접속이 되실 것입니다. 그리고 추후 쿠팡쇼핑몰에 좀 더 편하게 들어가실 수 있도록 바로가기 만드는 방법 꿀팁 3가지까지 알려드리도록 하겠습니다. 쿠팡쇼핑몰 바로가기 www.coupang.com 만드는법 평소에 쿠팡을 자주 사용하시는 분들이라면 컴퓨터에 바로가기를 만들어두면 편리합니다. 특히 윈도우를 사용하시거나 엣지, 크롬 브라우저를 이용하는 분들을 기준으로 방법을 설명해드리도록 하겠습니다. 1. 크롬 브라우저의 바로가기 만들기 사용 chrome은 사용자 편의 기능이 엄청 많습니다. 새 탭을 띄운뒤 처음에 제공드린 링크로 .. 라이프 2024. 4. 3.
그리드 시스템: CSS 그리드 레이아웃 이해하기 CSS 그리드 레이아웃은 웹 페이지의 복잡한 레이아웃을 손쉽게 구현할 수 있도록 해주는 강력한 CSS 기능입니다. 이 강의에서는 그리드 레이아웃의 기본 원리와 사용 방법을 탐구해보겠습니다. 그리드 레이아웃의 기본 CSS 그리드는 웹 페이지를 그리드(격자) 형태로 나누어 레이아웃을 구성합니다. 이는 행(row)과 열(column)의 형태로 구성된 2차원 배열을 제공하며, 이를 통해 복잡한 레이아웃을 쉽게 구현할 수 있습니다. 주요 개념 그리드 컨테이너(Grid Container): 그리드 레이아웃을 적용할 요소. 그리드 아이템(Grid Item): 그리드 컨테이너 내의 자식 요소들. 그리드 트랙(Grid Track): 그리드의 행(row) 또는 열(column). 그리드 셀(Grid Cell): 그리드의 .. 코딩/HTML CSS JS 2024. 4. 3.
다음지도 로드뷰 보는법 다음지도 로드뷰 보는법을 찾으시는 분들이 많아서 게시글을 작성하였습니다. 우리 포털사이트인 다음에서 서비스하는 다음지도는 골목길, 큰길 등 도로와 그 주변 건물 이미지를 생생하게 볼 수 있도록 하는 서비스를 제공하고 있습니다. 아래에 다음지도 로드뷰로 이동되는 링크를 썸네일에 걸어드렸으니 클릭하여 접속을 해보시기 바라겠습니다. 다음지도 로드뷰 보는법 걸어드린 링크를 접속하시게 되면 map.kakao.com으로 이동이 되실 것입니다. 여기서 상단의 아이콘 중에 카메라 처럼 생긴 아이콘이 있습니다. 이것이 바로 로드뷰인데요. 로드뷰 아이콘을 클릭하면 지도화면에 길들이 하늘색으로 표시가 됩니다. 색칠이 표시된 길은 어느곳이든 데이터가 있는 것이므로 클릭만 하면 그 주변의 도로와 건물 이미지를 바로 확인할 수 .. 라이프 2024. 4. 2.
오토캐드 뷰어 한글판 무료 다운로드 오토캐드 뷰어 한글판 무료 다운로드 하는 방법을 알려드리도록 하겠습니다. 작도나 스케치 기능을 포함한 오토캐드의 전 기능을 사용하는 것은 당연히 비용이 들지만, 뷰어 기능만을 활용하는 것은 무료로 가능한 프로그램이 많습니다. 특히 오토캐드에서도 공식적으로 제공하고 있는데요. 하단의 썸네일 이미지에 링크를 걸어드릴테니 클릭해서 접속해보시기 바랍니다. 오토캐드 뷰어 한글판 무료 다운로드 링크를 통해 홈페이지에 접속하고 나면 위와같은 페이지로 이동이 됩니다. 아래로 스크롤을 내린다음 '권장 뷰어' 탭에서 'Windows 뷰어'를 클릭하고 하단의 '시작하기(영문)'을 눌러줍니다. 또 페이지가 이동이 되는데 오토데스크 미국 웹사이트로 이동이 됩니다. 이 때 팝업창에서 한국 사이트로 변경할 것인가 물어보는데 'St.. 컴퓨터 2024. 4. 2.
웹 애니메이션: CSS와 JS를 활용한 애니메이션 기초 웹 애니메이션은 사용자 경험을 풍부하게 하고, 웹사이트의 시각적 매력을 높이는 중요한 요소죠. 심심한 웹사이트에 애니메이션 효과를 넣음으로써 좀 더 집중도 있게 만들 수 있게 됩니다. 이 강의에서는 CSS와 자바스크립트를 사용하여 기본적인 웹 애니메이션을 만드는 방법에 대해 알아볼 것입니다! CSS 애니메이션 CSS는 transition과 animation 두 가지 주요 속성을 통해 애니메이션을 제공합니다. transition 사용하기 transition은 CSS 속성의 변화를 일정 시간에 걸쳐 일어나게 합니다. div { width: 100px; height: 100px; background-color: blue; transition: width 2s; } div:hover { width: 200px;.. 코딩/HTML CSS JS 2024. 4. 2.

티스토리툴바