CODE CAVE

네비게이션 업데이트는 주기적으로 해줘야 한다고 합니다~ 저도 이번에 1년동안 업데이트 안하다가 어디 새로 생긴 성당에 갔는데, 완전 돌아서 안내하더니 결국 이상한데 도착하더라구요, 어느날은 휴게소에 가려고 찍었는데 길이 막힌 적도 있습니다. 나라와 건물이 발전하고 있으니 업데이트는 주기적으로 6개월에 한번은 해줍시다 ㅠㅠ 매번 업데이트가 귀찮을 수 있지만 귀찮을 필요가 없을 정도로 간단합니다! 한번 해두면 또 업뎃이 필요할때 금방 금방 할 수 있을거예요! 먼저 준비물은 USB(혹은 sd카드). 만 있으면 됩니다 ㅋㅋ 준비가 되셨다면 1 기아레드멤버스 사이트에 접속 후 네비게이션 업데이트 메뉴로 갑니다.메인 페이지에 그냥 딱보면 네비게이션 업데이트라고 있어요 ㅎㅎ그리고 스마트업데이터플러스 다운로드 하셔서 ..

춘천에 새로 생긴(?) 술집이 있습니다. 오픈한지 얼마 안됐는데요 ~ 가봐야지 가봐야지 하고 있다가 이번에 한번 갔다왔습니다. 집이랑도 가까워서 저는 자주갈 수 있습니다! 방학동안 자주가서 즐겨야겠어요. ㅎㅎ 일단 가격이 미쳤습니다. 간판에 2900원이 적혀있어서 눈에 띄었었는데요~ 간판이나 입구의 멘트가 막 "맘껏 먹어라 그래도 생각보다 얼마 안나온다" 이런 느낌이였어요. ㅋㅋ 멘트 센스도 좋고 근데 또 이 멘트가 1의 거짓도 없이 전부 와닿았어요. 메뉴도 엄청 다양해요. 저거 재료들을 어떻게 주방에다가 다 정리하는지 궁금해지는 시간이였습니다. 저희는 3900원 짜리 닭똥집 볶음을 시켰어요! 다 2900원은 아니지만 다 거기서 거기의 가격대입니다. 일단 맛은 일단 최고구요, 너무 싸서 야채가 넘쳐날줄 ..

이제 저는 흑맥주 하면 기네스와 코젤이 제일 먼저 생각 납니다. 사실 원래 저는 기네스 밖에 몰랐는데 같이 놀던 친구가 코젤을 모르냐고 뭐라 하더군요 기네스가 씁씁한 맛이 있다면 코젤은 흑맥주지만 좀 달달한 맛이 남아서 엄청 먹게 된다고 하더라구요 그래서 궁금해서 바로 가봤습니다. 사실이였습니다. 달달한 느낌이나요 맥주인데 ㅋㅋ 그렇다고 과일 술 처럼 막 달고 그런게 아닙니다.. 아 말로 표현하기 힘드네요 그냥 드셔보세요...ㅋㅋㅋㅋ 이 그림을 보고 바로 알았습니다. 코젤.. 편의점에서 요새 만원에 외국 캔맥주 4개 무료 그런거 많이 하잖아요. 저 염소를 어디서 봤나 했더니 편의점에서 많이 본 염소가 있더라구요 ㅋㅋ 이게 유명한 맥주였구나.. 싶은 마음으로 큰 걸로 하나 주문 했습니다. 컵도 참 이쁘죠!..

캐시는 좋은 목적으로 생겨났지만 의도치 않게 업데이트된 정적 데이터들을 캐시된 데이터들 때문에 못받아보는 경우가 생깁니다. 제가 이번에 소개 해드릴 것은 크롬에서 캐시 사용 없이 새로 고침 하는 방법 입니다. 저는 로딩속도를 체크하기 위해 이 기능을 사용했습니다 ㅎㅎ 1. Ctrl + Alt + i 키로 개발자 도구를 엽니다. 2. 아래 처럼 Settings로 들어갑니다. 3. 아래 항목을 체크 합니다. 이렇게 설정 해두면 개발자도구가 켜져있는 상태에서의 새로고침은 캐시를 꺼놓은 상태로 되게 됩니다. 도움이 되셨다면 아래 공감 버튼을 꾹!▼▼▼▼▼▼

placeholder가 되게 간편한 기능 중 하나죠! 필수적인 기능이기도 하구요 ㅋㅋ 2009년도였나~ 그 때쯤 저는 placeholder 를 하기 위해서 홀더로 쓸 이미지를 자르고 input 에 onfocus등을 이용해서 개발했던 때가 떠오르네요.. 정말 귀찮고 힘들고 개발이 하기 싫은정도까지 만드는 작업이였습니다. 이럴 시간에 로직에 좀 더 고민을 하고 싶었는데 말이죠.. 그래서 placeholder라는 속성이 나와서 편해지긴 했습니다. 하지만 편리해지면 편리해지는 만큼 동시에 호환성은 항상 문제로 뒤따라오죠! placeholder를 IE8,9에서도 호환시키는 방법은 여럿 있겠지만 아마 제일 중요한 부분은 플랫폼에 독립적이고 (부트스트랩과의 충돌문제 제거) 사용하기가 쉬워야 하는 것이지 않을까요. 이..

배경화면은 뭐니뭐니 해도 깔끔한게 최고죠 ㅎㅎ 여기에 귀여움까지 있다면 ㅇㅅㅇ 카카오프렌즈는 국민이 즐기는 아이콘이죠 ~ 카카오톡 디자인은 정말 위대함 ㅠㅠ 그래서 모았습니다! 카카오톡 배경화면 모음!! 저는 아이폰 SE 라서 배경화면 이런 아기자기 한 배경화면이 더 잘 어울리는 것 같아요 ㅎㅎ 다른 폰 썼을 땐 이것 저것 해봐도 그냥 그랬는데 아이폰 se는 정말 배경화면 바꾸는 재미가 있네요 ㅋㅋ 아무튼 여러분도 이번 기회에 배경화면 한번 갈아보세요~ ㅎㅎ ㅎㅎ 제 아이폰SE 잠금 화면 이예요. 저는 이 배경에 먼 곳을 바라보며 급하지 않게 넓게 보자는 의미를 부여하여 잠금화면으로!! 라이언 너무 귀엽지 않나요 ㅠㅠ 카카오 캐릭터 만든 디자이너.. 한명일지 팀단위일지 모르겠지만 정말 사랑스러울 것 같네..

jQuery로 화면 사이즈를 구해야 할 일은 많습니다. 특히 모바일은 디바이스가 워낙 다양해서 한 페이지가 디스플레이 크기에 따라서 변화하는 식으로 반응형 디자인을 하고, 그 것이 실제로 디바이스 크기에 반응하도록 하는 CSS 기능 중에 미디어 쿼리라는 기능이 있습니다. 자바스크립트로도 미디어 쿼리 처럼 화면 사이즈 별로 실행해야할 행위가 다를 경우에 할 수 있는 방법이 있습니다. 물론 jQuery로 하면 더 간단한 문법으로 적용할 수 있겠죠. 그래서 이번 포스팅에서는 jQuery로 화면 사이즈를 구하고 화면 사이즈에 따른 코드를 분기 해보겠습니다. function open_chatroom(){ var windowWidth = $( window ).width(); if(windowWidth < 500) ..

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

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

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