javascript3 [jQuery] 변화량의 증가/감소에 따라 아이콘 다르게 구현하기 안녕하세요 주갬입니다. 오늘은 변화량을 표현할 때 다양하게 활용할 수 있는 간단한 코드를 들고 왔습니다. VOD 데이터는 저번 달 대비 190%가 늘었고 AUTH데이터는 저번 달 대비 33%가 줄었음을 강조하기 위해 색깔과 화살표 모양을 달리해주었습니다. JQuery를 이용하여 이를 구현할 수 있습니다. 1. 주어진 데이터 변화량 계산 저는 저번 달과 이번 달을 비교했기 때문에 다음과 같은 식으로 변화량을 계산했습니다. ('이번 달 값' - '저번 달 값') / '저번 달 값' * 100 = '변화량' / '저번 달 값' *100 = 변화된 % 여기서 '저번 달 값' 이 0이면 Division by zero가 발생하기 때문에 조건문을 이용해 예외처리를 해주어야 합니다. //PHP if($VODLastWe.. 2021. 9. 24. [Back] 게시글 좋아요 기능 만들기 - 2. 데이터베이스 설계 안녕하세요 주갬입니다~! 게시글 좋아요 기능을 이어서 포스팅 하도록 하겠습니다. 오늘은 데이터베이스 구성에 대한 설명입니다. 저는 좋아요 기능 관련 테이블의 컬럼을 다음과 같이 구성했습니다. id는 auto_increment 컬럼으로, 인덱스값으로 사용됩니다. board_no는 게시글의 id값을 저장합니다. user는 현재 로그인하고 있는 사용자의 id값을 저장합니다. like_no, dislike_no, check에 대한 설명은 밑에 상황별로 나누어 자세히 설명드리겠습니다. 1. 로그인 후, 페이지에 처음 들어가 아직 좋아요 싫어요를 누른 적이 없다면 ajax를 이용해 $(document).ready()에서 row를 생성해줍니다. -> 이 부분은 수정이 필요 1. 최초로 좋아요 / 싫어요를 선택 lik.. 2021. 5. 26. [Front] 게시글 좋아요(Like / Dislike) 기능 만들기 - 1. 뷰 만들기 안녕하세요 주갬입니다! 오늘은 라라벨 블로그의 좋아요 기능을 구현하면서 여러분들께도 설명드리려고 합니다. 저는 다음과 같이 좋아요와 싫어요가 모두 있는 유튜브의 좋아요 기능을 구현할 예정입니다. 좋아요만 있는 단순 기능에서 더 나아가 좋아요와 싫어요를 중복으로 선택할 수 없는 투표 시스템을 구현하고 싶었습니다. 1. View 저는 화면을 먼저 만들고 (어려운 부분부터 먼저,,ㅎ) 백단 코드를 붙이는 스타일이라 기존에 있던 포스팅 뷰 페이지를 열고 Like / Dislike 버튼을 만들었습니다. 저는 디자인 감각이 없기때문에 Codepen에서 열심히 예쁜 버튼을 찾아다녔습니다. 디자인에 자신 없으시다면 codepen에서 예제를 잘 찾아 적용하면 좋습니다. 제가 참고한 링크를 공유합니다. https://co.. 2021. 5. 25. 이전 1 다음 반응형
