미안한남자의 일상
오늘은 간단한 방법으로 스크롤메뉴를 만들어 보려고 합니다. jquery plugin 웹페이지를 보다보면 특정위치에 메뉴가 고정되있고 마우스를 내리면 따라 내려가는 녀석을 본적이 있으실 텐데요자바스크립트나 제이쿼리를 사용하지 않고, css만 이용하여 간단하게 구현해 보려고 합니다. 먼저 스크롤 메뉴로 사용할 이미지를 준비하고,(저는 저작권 무료 아이콘 사이트에서 가져온 이미지로 만들어 보겠습니다.) html기본 구조를 구성합니다. body태그안에 아래와 같이 ul/li태그를 구성하고 아이디와 클래스 값을 줍니다.img src=안에는 메뉴로 사용할 이미지가 있는 폴더의 주소나 사이트 주소를 넣으면 됩니다. 위와 같이 적용하고 html파일을 열어보면위와 같이 구성됩니다. 그럼 이제 css를 이용하여 꾸며보겠습..
저번주 점심때도 갔던 곳인데, 정말 맛있어서 일주일 만에 다시 찾은 강남불백^^ 입구에서 기다리는 친구들.. 역시 점심시간이라 사람이 많다. 불백정식 7000원. 강남임에도 가격이 착하다^^ 기본반찬은 별게 없다.김치와 무채 어묵볶음이 나오는데, 불백만 있으면 되니 패스.. 불백정식 4인분이다. 보기보다 매콤하니 매운걸 잘 못드시는 분들은 주문할 때 덜 맵게 주문하는 걸 추천한다. 밥은 옛날도시락?처럼 나온다.음.. 뭔가 허전한데.. 이런 도시락엔 계란후라이가 없으면 섭하지!! 불백은 양파와 당근이 많이 들어가 있어서 그런지 느끼한 맛이 적고 정말 맛있다.된장찌개와 계란후라이는 1인당 1개씩 나오며 밥이 부족할 경우 이모에게 말하면 양은도시락을 추가로 준다. 위치는 강남역 12번 출구에서 약 4분정도 거..
오늘 점심은 어서 먹을까 무작정 나와서 돌아다니다 사람들로 북적이는 곳이 눈에 띄어 들어가기로 하였다.바로 하나우동이란 철판볶음집인데, 찾아보니 케이블에서 방송하는 맛집 프로그램에도 나온 집이었다. 돈까스셋트랑 철판볶음밥이 인기있다고 해서 그걸로 주문했는데사람들이 많은 점심시간 임에도 상당히 빨리 나왔다.(한 7분정도 걸린 것 같다) 3인분 답게 양이 어마어마 하다! 철판볶음밥은 얇게 핀 계란후라이위에 볶음밥+베이컨+치즈 등으로 구성되어 있고,돈까스셋트는 평범한 양식 스타일의 돈까스와 우동or메밀국수로 구성되어 있다. 볶음밥을 맛있게 비벼주고~역시 철판볶음밥은 추운겨울날 뜨거울 때 먹는게 제맛이다!! 의외로 메밀국수가 상당히 맛있다!철판볶음밥도 괜찮았지만 개인적으로 약간 싱거운 느낌이 있었고,메밀국수+돈..
웹 페이지에서 자주 볼 수 있는 옆으로 움직이는 슬라이드쇼 이미지를 플러그인을 이용해 간단한 방법으로 만들어 보겠습니다. 순수 자바스크립트만 이용하여 구현하려면 코드가 꽤 길어지지만, 자바스크립트를 보다 간단하고 효율적으로 사용하기 위해 만들어진 제이쿼리를 이용하면 보다 간략한 방법으로 구현할 수 있습니다. 먼저 폴더 2개를 생성하여 폴더의 이름을 하나는 plugins로 변경해 주고, 하나는 superslides로 변경해 줍니다. 아래 사이트에 접속하여, 우측상단의 fork me on GitHub를 통해 플러그인 파일을 다운 받습니다.http://archive.nicinabox.com/superslides/ 다운받은 파일의 압축을 풀고, dist폴더안의 모든 파일과 자바스크립트 폴더안에 있는 jquery..