본문 바로가기

전체 글245

웹 애니메이션: 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.
부산 벼룩시장 종이신문 그대로보기 부산 벼룩시장 종이신문 그대로보기 할 수 있는 바로가기를 준비했습니다. 원래 우리들이 파트타임 잡이나 구직을 위해서 길가에 배치되어있던 벼룩시장 신문을 보곤 했는데요. 인터넷으로 좀 더 간편하게 열람하는 것이 가능해져서 최근들어 종이신문 발부가 점점 줄어들고 있는 것 같습니다. 그래도 컴퓨터나 인터넷이 되는 폰이 있다면 간편하게 접속 가능하므로, 하단의 썸네일 이미지를 클릭하셔서 바로 접속해 들어가보시기 바랍니다. 부산 벼룩시장 종이신문 그대로보기 제공해드린 링크를 통해 접속하시면 바로 홈페이지가 보이게 될거지만, 웹사이트의 URL은 홈페이지 개편을 통해 약간씩 변화될 수 있습니다. 옛날에는 접속이 되던 링크가 이상하게 바뀌어서 접속이 안될수도 있다는 것인데요. 그 문제를 방지하기 위해 단계별로 벼룩시장.. 라이프 2024. 4. 1.
도로교통공단 홈페이지 www.koroad.or.kr 도로교통공단 홈페이지 www.koroad.or.kr 에 접속하는 링크를 하단에 썸네일로 제공해드리도록 하겠습니다. 바로가기 해보시기 바랍니다. 도로교통공단은 우리나라의 도로 교통 관련 업무를 담당하는 공공기관입니다. 이들의 주요 역할은 도로 교통 안전 증진, 교통법규 준수를 위한 홍보 및 교육, 운전면허 관련 업무 등 다양한 분야에서의 서비스 제공입니다. 도로교통공단 민원서비스 도로교통공단 홈페이지 www.koroad.or.kr 에서 진행할 수 있는 여러가지 업무들은 아래와 같습니다. 운전면허 관련 서비스 운전면허 시험 및 갱신: 운전면허 시험은 필기시험, 기능시험, 도로주행시험의 세 부분으로 나뉩니다. 각 시험을 통과해야 면허 취득이 가능합니다. 면허 갱신은 정해진 기간 내에 갱신해야 하며, 갱신 방법.. 라이프 2024. 4. 1.
플레이스토어 다운로드 설치하기 🔽 플레이스토어 다운로드 설치하기 방법을 알려드리도록 하겠습니다. 세상의 모든 기계에는 약간의 오류가 생길 수 있습니다. 스마트폰도 마찬가지입니다. 가령 플레이스토어로 앱을 다운로드 하려고 봤는데, 켜지지 않는다거나 계속 앱이 꺼지거나 하는 등의 문제가 발생할 수 있습니다. 그런 상황에 놓여있는 분들이라면 어쩔 수 없이 어플 자체를 처음부터 설치하기를 추천드립니다. 플레이스토어 다운로드 설치하기 전 살펴볼 것 앱이 갑자기 없어졌거나 삭제되었을 때 혹은 오류로 인해 작동하지 않을 때 메뉴얼을 알려드리도록 하겠습니다. 다짜고짜 다시 재설치를 하는 것은 조금 비추천합니다. 해볼 수 있는 솔루션을 진행해보고도 안되면 하는 것이 좋아요. 일단 아래의 내용을 확인해보세요. 사용안함 설정 해제하기 스마트폰에서 '설정' .. 컴퓨터 2024. 4. 1.
폼 유효성 검사: JS를 이용한 입력 데이터 검증 제 10강 폼 유효성 검사입니다. 웹 개발에서 폼 유효성 검사는 사용자가 올바른 데이터를 입력했는지 확인하는 중요한 과정인데요. 자바스크립트를 사용하여 이러한 검증을 클라이언트 측에서 수행할 수 있습니다. 이 강의에서는 기본적인 폼 유효성 검사 방법과 자바스크립트를 활용한 검증 절차에 대해 알아볼 것입니다. 폼 유효성 검사의 중요성 데이터 정확성: 사용자로부터 정확하고 유효한 데이터를 수집하기 위해 필수적입니다. 사용자 경험 향상: 사용자가 실수를 할 경우, 적절한 피드백을 통해 개선할 수 있도록 안내합니다. 서버 부담 감소: 클라이언트 측에서 데이터의 유효성을 검사함으로써, 불필요한 서버 요청을 줄일 수 있습니다. 기본적인 폼 유효성 검사 HTML5 유효성 검사 HTML5에서는 폼 입력에 대한 기본적인.. 코딩/HTML CSS JS 2024. 4. 1.

티스토리툴바