Blog Content

한참만에 글을 쓰는 듯합니다. 제 블로그는 기본적으로 누군가를 알려준다기보다는 제가 정보를 습득함과 그 정보를 차후에 사용하기 위함의 목적이 더 크게 있는 블로그입니다. 하여 글을 보시기 전에 전문적인 글을 보시길 원하시는 분들께선 다른 블로그를 이용 부탁드립니다. 먼저... 글을 쓰기 전에 WAI-ARIA라는 카테고리를 만들어 글을 쓰는 여러 가지 이유가 있겠지만 직접적인 업무를 보는 사람으로서 접근성을 좀 더 심도 있게 알아보고자 스터디를 진행한다는 생각으로 WAI-ARIA 사이트와 여러 가지 사이트를 살펴보면서 글로 적어두고 차후 프로젝트에서 사용을 하기 위해 게시글을 작성해볼 예정입니다. 완벽하지 못하고 또한 정보가 잘못되었을 수도 있습니다. 부족한 부분이 많고 잘못된 부분이 있을 수 있습니다. ..

제이쿼리 슬라이드메뉴 제이쿼리 슬라이드 메뉴를 한번 만들어 보았습니다..if문과 jQuery animate를 이용해서 메뉴를 열렸다 펼쳤다 하는 슬라이드 메뉴입니다. JS 코드를 설명드리자면 ..버튼을 클릭 하면 만약 num이 0보다 크면 위에 있는 animate를 실행그렇지 않으면 아래 있는 animate를 실행.. See the Pen XEbZEL by uicode (@uicode) on CodePen. 최초 제이쿼리 슬라이드 메뉴 실행화면 닫힘버튼을 눌렀을때 슬라이드 메뉴가 사라지면서 메뉴명이열림 버튼으로 변경됩니다. 코드를 보시면 아시겠지만 width 값을 변수에 담고 그 값을호출해오는 방식을 사용하였는데 .. 클릭했을때 좌표가 ( 마이너스 - )값이 들어가니저는 당연히 그러면 if문의 조건 값이..

아이폰X 2주간 사용후기 얼마전 까지 정말 실기스 한개 없이 사용하던 삼성 갤럭시 A7이 화면에 이상 증상을 보이기 시작했는데요증상은 화면이 깜빡거리면서 위아래 밝기가 다르고 전화벨은 울리는데 화면이 안보이고.. 뭐 여차저차하여3년정도 사용하던 핸드폰을 교체 하기로 마음을 먹었어요~ 궂이 아이폰X 로 변경을 해야겠다 ? 뭐 이런생각으로 매장을 방문 한것은 아니였는데요. 매장직원은 저에게 갤럭시 A8을 추천해주었지만..그간의 갤럭시 A7 의 16GB 의 메모리 덕에엄청난 짜증과 어플을 받지 못하고 씹고뜯고 맛보고 즐기지 못해서매장에서 여러가지 기기를 보다가... 결국은 아이폰 X로 교체 하기로 마음 먹었어요. 아이폰X 의 제품 사양 크기 : 174g, 143.6 x 70.9 x 7.7mm화면 : 5.8" ..

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가 체크를 합니다. 체크를 마치..

jQuery Event 구분 일요일이네요~ 시간이 참 빨리 가는것 같습니다.현재 일을 잠시 쉬고 있어서 블로그를 열심히? 해볼려고 하고 있는데..생각처럼 쉽기자 않네요 ^^; 오늘은 jQuery Event 를 정리 해볼까 합니다.이벤트는 어떤 사건을 의미합니다. 예를들자면 버튼을 클릭, 혹은 마우스이동, 마우스 스크롤 input에 포커스등 일련의 사건들을 의미하는데요.아래 표로 정리를 해보도록 할께요~ 문서로딩 이벤트 이벤트 설명 ready 문서가 로딩되었을 때 처음 문서를 읽을때에 발생 unload 해당 문서에서 빠저나갈때에 발생 처음 페이지를 로딩할 때 혹은 문서를 빠저나갈때에 발생하는 이벤트 입니다. 키보드 이벤트 이벤트 설명 keydown 해당영역에서 키보드를 눌렀을 때 keypress 해당영역에..

일본 오사카 네번째 포스팅에 앞서 이 글은 지난2017년 네이버 블로그에 포스팅했던 글을 이전해오는 글입니다.네이버 블로그를 이제 운영하지 않아.. 폐쇄를 하기 위해 .. 글을 옮겨오는 중입니다.그래도 제겐 추억인지라 지울수 없기에 약간의 수정을 해서 말이죠..현재는 겨울이지만 주절주절 뭐 그렇습니다. ^^ 나라현 사슴들을 뒤로 하고 저녁에 다시 모여서 야경을 보기로했기에~우메다역 으로 다시 이동을 했는데요~우메다 공중정원 이라는 곳으로 이동하기 위해서 우메다역 앞에서 다시 뭉친 우리들~그렇게 우메다 공중정원으로 향해서 ..우메다 공중정원 앞에 도착.. 우메다공중정원 40층 저...저길 올라가야 한다고 ...?!!약간의 고소공포증이 있는데.. 저길 올라가야한다니.. 절대 안떨리는 척..하며 에르베이터를 ..

일본 오사카 두번째 포스팅에 앞서 이 글은 지난2017년 네이버 블로그에 포스팅했던 글을 이전해오는 글입니다.네이버 블로그를 이제 운영하지 않아.. 폐쇄를 하기 위해 .. 글을 옮겨오는 중입니다.그래도 제겐 추억인지라 지울수 없기에 약간의 수정을 해서 말이죠..현재는 겨울이지만 주절주절 뭐 그렇습니다. ^^ 아침해가 떳습니다~ 자리에서 일어나서~ 여행을 시작합니다. 네.. 뭐 그렇다구요... 여행지는 다음과 같이 이동했는데요~교토, 나라현, 도톤보리 등을 돌며 시작했습니다.~ 일본 도쿄는 3회, 오사카 2회를 여행을 하는 저였지만 저도 교토와 나라현은 가본적이 없던터라~기대를 정말 많이 했어요~ 교토의 후시미이나리역 - 여우신사 라고 불리는곳에 도착을해서 이곳저곳그곳을 막 관광을 했어요~ 여우신사 후시미..

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

일본의 거리 언제였더라.... 2014년도에 처음으로 해외여행이라고는가본적 없던 내가 일본에 업무차 일본 도쿄에 갔을때에아사쿠사의 한 거리에서 .. Nikon FM2 / 50㎜ F1.8ⓒ sub' s