본문 바로가기

전체 글277


친구들과 함께하는 3박 4일 큐슈 여행기 - 1일차 #2. 시내로 2019.04.04 후쿠오카 공항에서 제일 먼저 해야 할 일은 투어리스트 시티패스 구매하기! 후쿠오카 시내의 버스, 지하철 등을 지정 날짜에 무제한으로 탑승할 수 있다고 한다. 그린패스와의 차이점은 커버리지인데 더 궁금하신 분은 검색을 해보도록 하자. 세관을 나와서 왼쪽을 보면 이렇게 JTB 라고 크게 써진 곳이 있는데 그 곳에서 구매할 수 있다. 밑에도 있지만 가격은 820엔이므로 정말 필요한지 잘 고민해보고 구매하는 것이 좋다. 그래도 동전 내기 귀찮고 뭐하고 하는 분은 그냥 구매해도 된다. 참고로 공항에서 하카타 역까지는 260엔이다. 한국에서 미리 북큐슈레일패스라던가 사서 가신 분들은 위 같은 바우쳐가 있을텐데 JTB 부스에서는 구매만 가능하고 저 바우쳐는 하카타 역에서만 교환할 수 있다. 후쿠오.. 2019. 4. 12.
친구들과 함께하는 3박 4일 큐슈 여행기 - 1일차 #1. 출발 2019.04.04 친구들이 같이 일본 여행을 가자고 한 지도 벌써 몇 년이 지났다. 그 중 한 친구는 벌써 십 수년이란 시간이 지났는데... 어쨌든 그간 많은 사정이 있어서 계속 가지 못 하다가 이번에 드디어 같이 다녀왔다. (티스토리 편집기가 이상하게 바뀌어서 벌써 이 오프닝만 4번째 작성하고 있다. -_-) 저번 도쿄 여행 때 구매한 자비스 28인치 캐리어. 키 159cm 인 나에게는 너무나도 큰 사이즈다. 사람들한테 저 28인치 캐리어예요... 하니까 그거 이민용, 어학연수용 아닌가요? 라고 한다. 근데 실제로 저 당시 짐이 캐리어의 3분의 1밖에 안 들어있었다. 저번 도쿄 여행이라고 쓰니까 생각난건데 도쿄 여행 다녀온 거 안 올렸네. 참고로 면세 한도는 한국에서 일본으로 출국할 때는 2보루, 일.. 2019. 4. 12.
jQuery (제이쿼리) - jQuery next(), nextAll() next() 함수는 셀렉터로 지정한 객체의 다음 객체(동일 노드 혹은 하위 노드)를 선택해주는 함수인데 사실 이걸 어디다 써먹어야 하는지는 공부로 작성하고 있는 지금은 와닿지는 않는다. 기본적인 문법은 다음과 같다. $(document).ready(function() { // 반갑습니다 가 선택 된다. alert($("div").next().html()); // 반갑습니다 가 선택 된다. alert($("div").next("b").html()); // undefined 가 발생한다. alert($("div").next("p").html()); }); 안녕하세요 반갑습니다 어서오세요 웰컴 파라미터로 셀렉터를 넣을 수 있으며 파라미터를 넣을 경우 대상 셀렉터의 바로 다음에 위치한 객체가 파라미터로 넣어서 .. 2018. 6. 24.
jQuery (제이쿼리) - jQuery append(), appendTo(), prepend(), prependTo() HTML DOM 에 새로운 객체를 추가하는 제이쿼리 함수에는 append 와 appendTo 가 있다.그리고 prepend 와 prependTo 도 있는데 이 두 종류의 함수는 작동 방법이 다를 뿐이고 사용 방법은 완전 동일하다. append 는 해당 객체를 꼬리에 붙이는 함수이고 prepend 는 해당 객체를 머리에 붙이는 함수이며 각각 To 가 붙은 appendTo 와 prependTo 와의 차이점은 객체를 먼저 선언하느냐 대상을 먼저 선언하느냐의 차이이다. 기본 사용 문법은 다음과 같다. $(document).ready(function() { // 대상을 먼저 선언한다. $("#divContents").append("순번 1"); // 객체를 먼저 선언한다. $("순번 2").appendTo("#d.. 2018. 6. 24.
jQuery (제이쿼리) - jQuery add() 이번에는 제이쿼리 함수 중 add() 라는 함수에 대해 공부 해볼건데 이 함수는 이름에서도 알 수 있듯이 무언가를 추가하는 역할을 한다. 그렇다면 뭘 추가할 수 있느냐 하면 기존 셀렉터로 선택 된 제이쿼리 배열에 대해 추가적으로 셀렉터를 지정해 기존 제이쿼리 배열에 새로운 값들을 추가할 수 있다. 이것도 간단한 예제로 살펴보자. 1. A-C 2. D-G 3. H-L 4. M-P 5. Q-S 6. T-V $(document).ready(function() { $("h1").css("color", "red").add("h2").css("background-color", "yellow"); }); 위의 예제를 보면 처음 선언한 셀렉터는 h1 태그 셀렉터이고 해당 셀렉터 뒤에는 color 를 red 로 변경해주.. 2018. 6. 24.
jQuery (제이쿼리) - jQuery slice() 사실 어디에 쓰는건지 아직 잘 모르겠는데 하여튼 제이쿼리에는 slice() 라는 함수도 있다. 그리고 영어에는 slice of cake 라는 말도 있는데 예전에 모 대리님한테 slice of cake 라는 말을 사용 했다가 slice 가 아니고 piece 라고 매우 갈굼 먹은 다음에 구글링을 해보니 slice of cake 도 맞는 말이라고 해서 맞잖아요!!! 빼애애애애애액!!! 했더니 마지못해 인정하던 기억도 난다. 하여튼 방금 쓰잘데기 없는 사족을 달은 이유는 이 slice 라는 함수를 좀 더 이해하기 쉽게 하기 위해서인데 이 slice 라는 함수는 여러 개의 객체 중 일정 부분을 선택할 수 있게 해주는 범위 함수이기 때문이다. 기본적인 사용 문법은 다음과 같다. $(document).ready(fu.. 2018. 6. 24.