Blog Content

jQuery Images Gallery 이번 포스팅에서는 이미지 갤러리를 만들어볼까 합니다.쇼핑몰이나 이런곳에서 자주 등장하는 이미지 갤러리 인데요. 자 진행하기에 앞서 이미지를 3장 저는 준비 했는데요이미지 갤러리이다 보니 이미지는 필수 겠죠? 저는 한효주씨를 모델로 jQuery Gallery를 만들어 보았는데요.생각보다 어렵지 않습니다. See the Pen JpKmMR by uicode (@uicode) on CodePen. 네 상단의 코드를 보시면 .. 원래는 RESULT 부분에 결과값이 나오게 되어있는데요이부분이 사정없이 깨지는 모습을 볼 수 있을거에요^^ 왜냐면... 제가 이미지를 담아야 하는 공간이 없기 때문에저 부분은 직접 이미지를 만들어서 넣어보시기 바랍니다. 아래는 제가 만든 이미지 갤..

Accordion MENU-드롭다운 한것도 없이 벌써 월요일이네요~ 날씨도 많이 춥구요~ 오늘은 일어나서 무엇을 할까 고민하다.. 아코디언 메뉴를 생각했습니다. 웹사이트에서 항상 들어가는 아코디언메뉴 생각보다 어렵거나 복잡하진 않은데요~ 보통 QNA에서 많이 사용하는 Accordion menu 를 제작해 보았습니다. See the Pen bLpmmy by uicode (@uicode) on CodePen. 간략한 설명을 드리자면... 위에 코드를 보시면 우선 var에 버튼을 만들어서 담았습니다. 즉, 클릭해야 할 위치를 변수에 넣어두었습니다. 그리고 버튼을 클릭했을때 if 조건문이 들어갔습니다. 만약에 this 즉, 나 자신에게 클래스 on가 있는지 없는지를 hasClass가 체크를 합니다. 체크를 마치..

일본 오사카 여행, 첫번째 이야기 포스팅에 앞서 이 글은 지난2017년 네이버 블로그에 포스팅했던 글을 이전해오는 글입니다.네이버 블로그를 이제 운영하지 않아.. 폐쇄를 하기 위해 .. 글을 옮겨오는 중입니다.그래도 제겐 추억인지라 지울수 없기에 약간의 수정을 해서 말이죠..현재는 겨울이지만 주절주절 뭐 그렇습니다. ^^ 4월 27일부터 3박 4일간의 일본 여행 오사카를 여행했는데요~늦은 비행기 시간이라 다들 반차 / 월차를 내고 인천공항에 도착~출발전에 모여서 인증샷을 찍었는데 다들 사진찍는것을 싫어하는지라~그래도 사진은 남겨야겠기에~ 밖에는 벌써 우리가 타야할 피치항공이 대기하고있네요~ 빨리 오사카에 도착하고 싶은 마음에 다들 들떠있는 기분~ 그렇게 3박 4일간의 일본 오사카 여행을 시작합니다~ 도착..