Dev/Frontend

최근에 자주쓰고있는 차트 사이트 amcharts 개인적으로 기능성, 응용성, 디자인 세 가지 모두 괜찮은 차트다.사용법도 너무 간단하고, 디자인도 예쁘고, 무엇보다 응용력이 쩌는 차트!한 차트를 가지고 기능을 추가하고 삭제하면서 무한히 새로운 차트를 만들 수가 있다. 무료버전은 차트의 왼쪽하단에 amcharts의 브랜드마크(?)가 있고, 유료버전은 마크 없이도 사용가능하다고 한다.   amcharts(www.amcharts.com/demos/)  사이트에 들어가면 데모를 볼 수 있는데, 원하는 차트를 클릭하면 코드 전체를 볼 수 있고, 사이트의 상단 메뉴바에 있는 Docs 를 들어가면 차트들을 어떻게 응용하여 사용할 수 있는 지 친절하게 알려준다.Chart Demos - amCharts www.amcha..

Dev/Frontend

맨날 구글링해서 찾기 불편해서 써두는 제이쿼리 최신버전 링크~   html 상단에다가 복붙하면 바로 사용가능하다

Dev/Frontend

html, css로 타이핑 효과, 커서 애니메이션 효과 주는 방법 입니다 ! |

Dev/Frontend

원하는 구간만 계속해서 반복하여 복제하는 코드 html 이름 전화번호 추가 jquery/javscript 복제결과 !

Dev/Frontend

웹 사이트를 개발하는 중에 이미지나 css 또는 javascript 파일의 내용을 수정해도 반영이 안되어 있을 경우를 가끔 보실 수 있습니다. 심지어 수정본을 배포하고 나서도 어떤 사용자가 이전에 사이트에 접속하고 나서 인터넷 사용 기록 및 캐시 지우기를 하지 않은 이상 배포 이전의 css, js, image 파일들이 그대로 사용되고 있어서 오류가 나거나 버그가 생기는 케이스가 생기곤 합니다. 이런 문제가 발생할 때마다 사용자보고 오래된 캐시(stale cache) 좀 지워주세요 라고 한다거나 새로고침 좀 해주세요 라고 한다거나 시크릿 브라우저로 한번 해보시겠어요 라고 하는 건 정말 어려운 일이겠죠. 기본적으로 캐쉬의 동작은 URL을 기준으로 기존에 동일한URL에 요청한 적이 있었는 지를 판단합니다. 그..

Dev/Frontend

스크롤바는 css에서 ::-webkit-scrollbar를 붙여서 꾸밀 수가 있답니다. 스크롤바 자체의 width를 변경하려면 ::-webkit-scrollbar { width: 5px; } 요런식으로 변경할 수 있는 것이죠 일반적으로 스크롤바가 아래이미지처럼 생겼는데, 래이미지로봤을 때 드래그해서 내려야되는 진한 스크롤바 css는 ::-webkit-scrollbar-thumb로, 진한 스크롤바를 제외한 연한 부분은 ::-webkit-scrollbar-track으로 수정할 수 있습니다. 예제를 보여드리기 위해 scrollDiv라는 클래스를 가진 div를 만들었어요. 스크롤바 넓이는 5px, 스크롤바 바깥부분인 트랙의 색은 투명으로 바꿨고, 드래그해서 내려야되는 스크롤바는 파란색(blue)으로 변경했어요...

Dev/Frontend

html에서 line awesome icon을 사용하는 방법입니다~ 아래는 line awsome 사이트에요. https://icons8.com/line-awesome Line Awesome — Free Beautiful Icon Font Swap Font Awesome for modern line icons in one line of code. icons8.com 메인 페이지에서 Getting Started 버튼을 누르면 사용하는 방법을 알 수 있답니다. Getting Started를 눌러서 보면 html에서 cdn을 로드해서 사용할 수 있도록 링크가 달아져있어요! 요 cdn link들을 복사해서 html에 붙여넣어주세요! 이제 line awesome 사이트에서 먼저 어떤 아이콘들이 있는지 확인해보아요...