welcome to zoo Blog ^^

셀렉트박스 url 이동 팀원들과 공유할 작업목록이나 라우터 효과를 모방한 셀렉트 url 이동기능 class="title_brand">박보영 class="title_sub">사진전 class="selectbox"> class="heading">광고영상 //select option에 추가될 객체 var $href = { '웃을때': 'smile', '귀여울때': 'cutty', '광고영상': 'ad', '브이로그': 'vlog', '뮤직비디오': 'mv' }; function nav(){ this.init(); this.addEvent(); } nav.prototype.init = function(){ for(var i in $href){ $('', { value: $href[i] +'.html', 'dat..

일반스크롤과 아이스크롤의 차이점이 뭘까? 리소스의 부담이 덜하고 접근성 측면에서 무난한 일반스크롤이 좋은 건가, 일반스크롤을 흉내낸 아이스크롤이 좋은 건가? 브라우저별 제약이 많았던 과거에 비해 현재는 차이가 거의 없어져서, 아이스크롤의 장점이 퇴색해버렸지만, 그래도 아이스크롤이 좀더 부드럽게 동작되는 것 같고 플러그인이라서 지원되는 api도 많아 응용이 가능한 점에 비추어볼때 장점이 많은것도 같고 진정한 승자는? 오늘 구현할 내용은 특히 탭 영역에 자주 출몰하고(?), 내용이 길어질 경우 스크롤이 생겨 스크롤시 더 내용이 있다는 걸 암시하도록 양쪽에 그라데이션 처리나 버튼을 두는 경향이 있는데 일반스크롤과 아이스크롤 두 버전으로 만들어본다. 출처는 codepen.io 타이틀에 적어두었다. 왼쪽으로 스크..

새로 등록된 아이템이 있는 경우, new 아이콘이 깜빡일 때 사용한다. 함수로 호출하는 형태이고, 매개변수를 대입하여 만들어보았다. 무한 반복은 별도의 로직이 필요하지만, 만들어두지 않았다. 각자 만들어보자. count 값으로 1억을 대입하면 되지않을까 싶다. 한 화면에 그 시간만큼 머무르지 않을테니까ㅋ new $(document).ready(function(){ /* count: 반복횟수 delayTime: 초기 지연시간 speed: 속도 */ fn_repeat(3,500,250); function fn_repeat(count,delayTime,speed){ var timer = null; var initNum = 0; while( initNum < count ){ _repeat(); initNum++..

썸녀와 밥을 먹고 근처 둘레길을 걸다가 이쁜 카페가 있다고 하여 들러본 동네 카페. 실제 방문해보니 완전 분위기 깡패!! 코로나 영향 탓인지 카페엔 이제 막 떠나려는 커플 1팀 외에는 없어서 더 좋았다는. 사장님이 개인적으로 모아 온 소소한 소품들도 보이고 언니가 운영한다는 갤러리 공방(아뜰리에 murmur 미술 공방)에서 가져와서 걸어두었다는 액자들이며 잔잔한 선곡들까지 만퍼센트 만족한 최애 아지트!! 이런 소품들은 어디서 구했나 몰라, 혹시 동묘역? 사장님의 알뜰살뜰한 소품 덕질이 느껴진다. 나도 요즘 나이가 들어서 그런지 몰라도 여성호르몬 탓인지 블링블링 여성스러운 취향에 매료되는 듯 이 카페는 sns 사진 촬영할만한 곳임에 틀림없다. 절로 카메라를 들이밀고 감탄을 자아내는 인테리어다. 주문했던 아..

한 달 전쯤 방송에서 팽현숙 씨가 운영 중인 가평 카페를 보게 되어 호기심에 들러보았다. 방송에서는 비교적 한가로워보이길래 실제로 만나볼 수 있을까 싶었는데 이런.. 연예인들이 한가롭게 카페에 머물 이유가 없지.. 내가 참 순진했다. -_-; 카페 안에선 아르바이트생 둘이 음료를 주문받아 만들고 있었고, 예상만큼 썩 붐비진 않았다. 둘러보니 가평 드라이브중에 가볍게 잠시 머물다가면 좋을, 하지만, 두번 들르기엔 좀 아쉬운 그런 평범한 카페였다. 내부 인테리어는 나름 공을 들인 듯 보였다. 예스럽고 고전적인 느낌을 자아내는 서양식 가구들로 꾸며져 있었다. 팽현숙 씨가 꽤나 엔틱 한 취향인가 보다. 젊은 세대들에게 어필될만한 단순하고 감각적인 느낌이기보다는 40,50대 중년들을 타깃으로 한 중후하고 고급스러..

새삼 느끼는 거지만, 신은 내게 행복은 주지 않은 것 같다. 앞자리가 바뀌면서 요즘 많이 외로움을 느낀다. 모임을 나가봐요, 운동을 시작해봐요, 좋아하는 걸 찾아봐요.. 마음이 적적하고 쓸쓸한데도 생각만큼 몸이 움직여지질 않는다. 이찬원의 '시절 인연' 가사처럼 인연조차도 오고 감 때가 있으니 미련일랑 두지 말고 좋았던 기억 마음만 품고 바람 물처럼 살아가라니 맘 한구석이 뭉클해진다. 교보문고 사이트에서 행복이라는 단어를 검색하니 나열되는 여러 권의 책들 그중에 눈에 띄는 책 한 권이 보였으니 저자 서인국 님의 행복의 기원. 서문을 읽으니 내가 가진 의문을 풀 수 있을 거라는 기대감에 책을 구매해보았다. e북으로 구매한터라 종이책 표지에 적힌 저자의 이력을 못 봤었는데 대학에서 '행복의 과학'이라는 강의..

세상이 우한 폐렴으로 미쳐 돌아가는 실정이었으나 주말 내내 죽치고 방콕만 할 수는 없었다. 게다가 블로깅을 하려면 어디론가 나가야 했다. 나가서 피톤치드를 코로 마음껏 흡입하고, 알록달록 푸르름의 빛깔을 살아있는 두 눈으로 담아내며, 활기에 찬 사람들의 무리 속에 들어가는 수고를 누려야 비로소 세상을 글로서 풀어낼 수 있는 것이다. 그 첫 번째 목적지로 나는 인사동을 택했다. 르네 마그리트의 아트전시 특별전이 센트럴 안국역에서 5분 거리에 위치한 안녕 인사동 지하 1층에서 열리고 있었기 때문이다. 복합몰답게 볼거리도 먹을거리도 정말 다양했다. 오후 3시쯤 관람인파가 많아진다는 사전 정보에 오전 11시에 도착해서 특별전에 입장했다. 방문하기 전 위키백과에서 르네 관련 정보를 봤었기에 관람내내 그의 작품들이..

forEach() 다른 예제, 여전히 익숙지가 않다. 책에서 참고한 예제다. 무슨 책이냐고? 안알려줌 케케케... ^,^@ 영원한 삼춘 맘 속 여신 박보영으로 예제를 만들어보았다! See the Pen BaoJdjK by rainydaymusickr (@rainydaymusickr) on CodePen. (function() { var imgItems = $('.grid .grid-item'); var imgs = $('.grid .grid-item img'); var buttons = $('#buttons'); var concept = {}; $(window).load(function() { imgs.each(function() { var nowImg = this; if ($(this).data('co..

배열 필터링에 관여하는 메서드를 꼽으라면 forEach()와 filter()를 들 수 있다. forEach()와 filter()의 사용법을 우선 간단히 비교해본다. var singer = []; var girls = [{name:'아이린',age:29},{name:'슬기',age:26},{name:'웬디',age:26},{name:'조이',age:23},{name:'예리',age:21}]; /* forEach()는 객체나 배열 모두 루프 실행가능하며, 지정된 범위내 값인지 조건검사하여 새로운 배열에 추가함. */ girls.forEach(function(elem){ if( elem.age >= 23 && elem.age =23 && elem.age = value ){ row.element.show(); ..

갑자기 툭! 초등생 피하라... '민식이법 게임' 고인 모욕 논란 어린이 보호구역(스쿨존) 내 교통사고에 대한 운전자의 처벌을 대폭 강화한 ‘민식이법’이 시행 중인 가운데, 고인의 이름을 제목에 내걸은 게임이 .. news.chosun.com 민식이법의 부당함을 알리기 위해 능력(?) 있는 모 개발자가 폰 게임을 만들어냈다고 하여 부랴부랴 설치해서 플레이를 해보고 간단 리뷰를 해본다. 게임명은 '스쿨존을 뚫어라' ;; 평점이 기가 막히다.. 실제로 플레이해보니 쉽지않다. 게임 로직에 운전자들의 고충을 심도있게 반영했더라. 그래픽만 좀 보완하면 완벽할거 같다. 그래도 이 정도 퀄리티면 대단한 듯. 개발자의 노고에 박수(?)를 보낸다. 탁상행정에 쐐기를 박은 게임이다. 운전자를 향해 자전거를 타고 달려오는 ..