CODE CAVE

웹 사이트에 쿠키를 이용하면 여러가지 것들을 만들 수 있습니다~ 어떤 배너를 오늘 하루 보지 않기, 로그인 접속자만 보이기, 브라우저로 새 접속시에만 보기 등등.. 무언가 고유한 값을 저장해놓고 사용할 수 있게 됩니다. 변수는 프로그램이 실행될때 초기화가 되고 값이 부여되고, 프로그램을 닫으면 모두 소멸됩니다. 데이터베이스는 데이터를 지우지 않는 이상 계속 남아있게 되지만 전용 서버가 있어야 합니다. 하지만 쿠키는 일정 기간 동안 지워지지 않고 클라이언트 PC에 저장되게 됩니다. 즉, 유저 마다 고유한 어떤 값을 프로그램 종료시에도 보관하고 있게 되는 겁니다. 이런 쿠키는 여러 사이트에서 볼 수 있습니다. 이번에 제가 포스팅 해볼 것은 쿠키에 대한 것으로 브라우저로 새 접속시의 쿠키 사용 입니다. 예제는..

말풍선 스타일도 참 여기저기 많이 쓰이죠~ 저도 일반적으로 포토샵을 활용하여 이미지로 만들어서 썼었는데 이게 단점이 텍스트 양에 따라서 이미지 사이즈가 조정되어 좀 귀찮은 작업들을 해야한다는 단점과 위에서 색상이라도 바꾸자고 하면 포토샵에서 또 새로 색 입히고 다시 자르고 이미지 폴더에 덮어쓰기하고.... 별로 디자인 할 필요도 없는 간단한 말풍선이라면 더더욱 짜잘한 수정사항이 짜증나질 수 있죠.. 아무튼 여러모로 매우 귀찮습니다! 이런 말풍선 정도는 CSS로 만들 수 없을까?? 생각하다가 찾아봤는데 말풍선, CSS로 만들 수 있습니다!! 네! 찾았습니다! 그것도 바로 실무에서 복붙할 수 있도록 말풍선 CSS를 만들어주는 사이트가 있어서 소개해드립니다. 전 이 사이트의 스타일 고대로 가져와서 몇가지만 수..

이번에 소개 해드릴 것은 swiper 라는 라이브러리 인데요~ 간단하게 이미지 슬라이더를 구현 할 수 있는데 여기에 터치 스와이프 까지 지원해서 모바일에서 쓰기에도 매우 적합하다고 보여집니다~ 저도 실제로 한개의 데스크탑 슬라이드와 한개의 모바일 웹 사이트에 적용해봤는데 매우 자연스럽고 확장성도 좋았습니다. 공식 사이트는 여기 이구요. 스와이프 라이브러리 사용법은 아래와 같습니다. new Swiper('.container', { pagination: '.swiper-pagination', paginationClickable: true, spaceBetween:0, loop: true, }); 위 처럼 작성 해주시면 자바스크립트 쪽은 끝 입니다. 매우 직관적이죠? 객체를 생성하면서 생성자에 인수를 넘기는 ..