728x90 반응형 CSS10 [jQuery/html] 제이쿼리를 활용한 간단한 별점기능 리뷰 폼 작성 서문 물건을 사고 나서 리뷰를 작성하거나, 온라인으로 어떤 일이든 돈을 주고 나면 후기를 작성하는 경우가 많습니다. 이런 경우 후기에는 별점이 빠질 수 없습니다. 이런 별점 시스템을 통해서 사용자들은 좀더 쉽고 편하게 이 서비스의 품질을 알 수 있고, 내가 사용한 상품에 대해서도 상세한 후기를 적어 판매자와 이후 구매할 소비자들에게 좋은 영향을 끼칠 수 있습니다. 그럼 간단하게 이런 별점 시스템, 리뷰 폼을 작성하는 법을 알아보겠습니다. 오늘의 완성 결과물은 위와 같습니다. 시작합니다. html 코드 작성 먼저 html 코드를 작성 해 보겠습니다. 리뷰작성 폼 html 코드는 정말 간단하게 적어보았습니다. star_rating 클래스에는 별점을 표시해 줄 별의 이미지와 빈별의 이미지를 나타내줄 span태.. 2023. 9. 25. [jQuery] 제이쿼리 애니메이션이나 효과를 중지 시키는 stop() 개요 코딩 이전 포스팅에서 아래로 슬라이드와 위로 슬라이드, 트리거 사용을 해보았는데요. 이번에는 슬라이드 같은 애니메이션을 사용할 때 애니메이션을 나는 그만보고 싶다. 혹은 웹게임을 만들 때, 움직이는 몬스터들에게 꼼짝 못 하게 하는 기능 등을 사용할 때도 애니메이션 중지를 시키면 되니 이런저런 상황에서 사용될 수 있는 제이쿼리의 stop() 메서드에 대해서 알아보도록 하겠습니다. 동작 화면 코드 이전에 사용했던 슬라이드 애니메이션을 활용하여 stop() 메서드를 사용해 보겠습니다. 슬라이드 멈추기 아래로 슬라이드 위로 슬라이드 Hello world! 슬라이드 멈추기 버튼 아래로 슬라이드 위로 슬라이드 버튼을 생성해주었습니다. 슬라이드 버튼 하나에 트리거를 걸어서 한번 누르면 아래로 한번 누르면 위로 .. 2023. 3. 31. [jQuery] 제이쿼리 슬라이딩 애니메이션 예제: 부드러운 슬라이딩 효과로 콘텐츠를 전환하는 방법 설명 jQuery를 사용하여 슬라이드 효과를 줄 수 있습니다. jQuery에는 3가지 슬라이드 효과를 줄 수 있는 메서드가 있습니다. slideDown() slideUp() slideToggle() slideDown은 아래로 슬라이드 되는 것이고, slideUp는 위로 슬라이드 되는 것입니다. slideToggle는 클릭할 때의 상태에 따라 위로 혹은 아래로 슬라이드 됩니다. $(selector). slideToggle(speed, callback); 문법은 위와 같이 사용합니다. speed 위치에는 "slow", "fast" 또는 밀리초가 들어갑니다. 간단 예제 $(document).ready(function() { $('#toggle-btn').click(function() { $('#content'.. 2023. 3. 9. [PHP/html] PHP를 활용한 간단한 로그인 시스템 구현 예제 간단한 로그인 시스템을 PHP로 구현하는 코드를 작성해 보겠습니다. MySQL 데이터베이스 먼저, MySQL 데이터베이스에 users 테이블을 생성합니다. users 테이블은 다음과 같은 필드를 갖습니다. id INT(11) NOT NULL AUTO_INCREMENT, username VARCHAR(50) NOT NULL, password VARCHAR(255) NOT NULL, PRIMARY KEY (id) 그리고 users 테이블에 적절한 사용자 정보를 추가합니다. 예를 들어, username이 "철수"이고 password가 "1234"인 사용자를 추가할 수 있습니다. 로그인폼, 로그인 처리 PHP / HTML 다음으로, 로그인 폼과 로그인 처리를 담당하는 PHP 파일을 작성해 보겠습니다. 로그인 아.. 2023. 2. 23. 이전 1 2 3 다음 728x90 반응형
