Karice의 여행 & 코딩 블로그

4.0 Introduction to the Movie DB API

-API 키 받아오기

4.1 Sexy Networking with Axios Instances

//src에 api.js만들어줌
//yarn add axios 해주기

import axios from "axios";

const api = axios.create({
  baseURL: "https://api.themoviedb.org/3/",
  params: {
    api_key: "752f18d6d4ff8f2972e298adcbc4af9b",
    language: "en-US"
  }
});

export default api;

//기본 API주소에서 파라미터들 원하는거 주고 Axios로 받아오는거임

4.2 API Verbs Part One

export const moviesApi = {
    nowPlaying: () => api.get("movie/now_playing"),
    upcoming: () => api.get("movie/upcoming"),
    popular: () => api.get("movie/popular")
  };
  
export const tvApi = {
    topRated: () => api.get("tv/top_rated"),
    popular: () => api.get("tv/popular"),
    airingToday: () => api.get("tv/airing_today")
  };
  
  //API 불러오기

4.3 API Verbs Part Two 

export const moviesApi = {
    nowPlaying: () => api.get("movie/now_playing"),
    upcoming: () => api.get("movie/upcoming"),
    popular: () => api.get("movie/popular"),
    movieDetail: id =>
      api.get(`movie/${id}`, {
        params: {
          append_to_response: "videos"
        }
      }),
    search: term =>
      api.get("search/movie", {
        params: {
          query: encodeURIComponent(term)
        }
      })
  };
  
export const tvApi = {
    topRated: () => api.get("tv/top_rated"),
    popular: () => api.get("tv/popular"),
    airingToday: () => api.get("tv/airing_today"),
    showDetail: id =>
      api.get(`tv/${id}`, {
        params: {
          append_to_response: "videos"
        }
      }),
    search: term =>
      api.get("search/tv", {
        params: {
          query: encodeURIComponent(term)
        }
      })
  };
  //조금 추가해서 search기능 만들었음.

3.0 CSS in React part One

//style.css를 index.js랑 같은 곳에 만들어 준다.

//Header.js를 Components안에 Header 폴더를 만들고 그안에 넣고 새로 index.js를 만들자
//내용은
import Header from "./Header";

export default Header;

//style.css를 header 폴더에 옮기고 나서 header.css로 변경해줌
.nav ul {
    display : flex;
}
//내용은 이렇게 쓰면 컴포넌트 폴더 안에 Header 폴더에 header.css, index.js, header.js가 한몸임

3.1 CSS in React part Two

// 좀더 한몸이 되게 해보기

//header.css를 header.module.css로 바꾸기
//그럼 header.js에서 import를 import styles from "./Header.module.css"; 해주기

//css파일에
.navList {
    display : flex;
}

//js에서는 이렇게 씀
    <header className={styles.navList}>

//그럼 다른 파일에서도 navList를 쓸 수 있음

3.2 CSS in React part Three

// 이번에는 header 파일이 필요없는 그런 걸 해볼거임 일단 header.js를 밖으로 빼고 다지우자

//yarn add styled-components

//import 추가하기
import style from "styled-components" 

//header.js를 이렇게 작성함 LIST는 이제 어디서든 쓰기가능
import React from "react";
import { Link } from "react-router-dom";
import styled from "styled-components";

const Header = styled.header``;

const List = styled.ul`
  display: flex;
  &:hover {
    background-color: blue;
  }
`;

const Item = styled.li``;

const SLink = styled(Link)``;

export default () => (
  <Header>
    <List>
      <Item>
        <SLink to="/">Movies</SLink>
      </Item>
      <Item>
        <SLink to="/tv">TV</SLink>
      </Item>
      <Item>
        <SLink to="/search">Search</SLink>
      </Item>
    </List>
  </Header>
);

//이후에 라우터안에 header 넣어주기

3.3 GlobalStyles and Header

//이번에는 css를 글로벌하게 해보자
//yarn add styled-reset --> 초기화

나머지는 따라씀
globalsytle 추가하고 끝

3.4 Location Aware Header

//withRouter는 다른 라우터를 감싸는 라우터임

2.0 Setting up the Project

//파일 만들기
npx create-react-app JIWON(이름)

//그리고 App.js, index.js빼고 다 지우기

//index.js 내용
import React from 'react';
import ReactDOM from 'react-dom';
import App from './Components/App';

ReactDOM.render(<App />, document.getElementById("root"));


//App.js내용
import React, {Component } from "react";

class App extends Component {
	render() {
    	return <div className="App" />;
    }
}

//이후에 yarn add prop-types

2.1 React Router Part One

//yarn add react-router-dom 으로 돔 다움받기

//src안에 Components라는 폴더 만들고 Router.js + App.js 두개 넣기

// 나머지 파일들은 src및에 Routes라는 폴더 안에 있음

//App.js안에 render안에 return안에 어떤것을 보여줄지 1개의 컴포넌트로 넣어주셈

//Router.js를 만들고

import React from "react";
import {BrowserRouter as Router, Route, Redirect, Switch} from "react-router-dom";
import Home from "../Routes/Home";
import TV from "../Routes/TV";
import Search from "../Routes/Search";

export default () => (
    <Router>
        <Switch>
            <Route path="/" exact component={Home} />
            <Route path="/tv" exact component={TV} />
            <Route path="/tv/popular" render={() => <h1>PoPULAR</h1>} />
            <Route path="/search" exact component={Search} />
            <Redirect from="*" to="/" />
        </Switch>
    </Router>
);
//이런느낌으로 만들기

2.2 React Router Part Two

//Components에 Header.js 만들기 (이게 위에 슬라이드 인듯)

//내용은 이렇게

import React from "react";

export default () => (
    <header>
        <ul>
            <li>
                <a href="/">Movies</a>
            </li>
            <li>
                <a href="/TV">TV</a>
            </li>
            <li>
                <a href="/Search">Search</a>
            </li>
        </ul>
    </header>
)

//그리고 위에 2.1의 코드에서 Redirect는 아무것도 일치하지 않으면 저기로 가게 해둔다는 의미임
//exact붙이면 무조건 똑같이 타이핑 해야된다는거고

1.1 Arrow Function

- 화살표 함수를 쓰면 return을 안써도 됨

- 인자가 한개일때는 괄호를 안써도 됨

const sayHello = (name="Human") => "Hello" + name

const nico = sayHello();

console.log(nico);

button.addEventListener("click", event => console.log(event));

1.2 template Literals

-`` 잘쓰기, 변수는 ${변수} 이렇게 넣어줌 좀 더 간편하게 나타냄

const sayHello = (name) => `Hello ${name}`;

1.3 Object Destructuring

-좀 더 변수를 효율적으로 담는 방법

const human ={
	name : "jiwon",
    lastName : "kim",
    nation : "korea",
    favFood : {
    	break : "hey",
        lunch : "two",
        dinner : "three"
    }
}

//비효율적
const name = human.name

//효율
const {name, lastName, nation:nana, favFood :{break, lunch, dinner}} = human;

console.log(name, lastName, nana);

1.4 Spread Operator

- 이렇게 unpack해서 배열에 넣어주어야함. [], {} 둘다 가능

const Days = ["Mon", "Thu", "Wed"];
const otherDays = ["Tue", "Fri", "Sat"];

//두개를 합치려면
const allDays = [...days, ...otherDays];

console.log(allDays);

1.5 Classes

-객체지향을 따름 --> 상속 가능

class Human{
	constructor (name, lastName){
    	this.name = name;
        this.lastName = lastName;
    }
}

class Baby extends Human{
	cry(){
    	console.log("Waaaa");
    }
    sayName(){
    	console.log(`My name is ${this.name}`)
    }
}

const myBaby = new Baby("mini","me");

console.log(myBaby.cry(), myBaby.sayName());

1.6 Arrow map

-array를 전체적으로 바꿀때는 이렇게 map을 사용하면 좋음

cosnt days = ["M","T","W","T","F"];

//Smile 추가하기
const addSmile = day => `smile ${day}`
const smileDays = days.map(addSmile);

//index 추가하기
const numDays = days.map((day,index) => `${index} ${day}`);

console.log(smileDays);

1.7 Array filter

-배열에서 원하는 것만 추출하기

const num = [2,3,4,5,6,7,8,10,20,30,5,40]

const biggerTen = numers.filter(number => number > 10);

console.log(biggerTen);

1.8 ForEach includes push

-foreach, push 등의 다양한 배열함수 공부

let posts = ["hi", "hello", "bye"];

if (posts.includes("hello")){
	posts.push("hello");
}

posts.forEach(post => console.log(post));

참고 : https://ko.reactjs.org/docs/handling-events.html

-Event 처리 bind 및 렌더링 관련 이야기라서 꼭 다시 이해하고, 콜백 이해하기

참고 : https://ko.reactjs.org/docs/conditional-rendering.html

lass LoginControl extends React.Component {
  constructor(props) {
    super(props);
    this.handleLoginClick = this.handleLoginClick.bind(this);
    this.handleLogoutClick = this.handleLogoutClick.bind(this);
    this.state = {isLoggedIn: false};
  }

  handleLoginClick() {
    this.setState({isLoggedIn: true});
  }

  handleLogoutClick() {
    this.setState({isLoggedIn: false});
  }

  render() {
    const isLoggedIn = this.state.isLoggedIn;
    let button;
    if (isLoggedIn) {
      button = <LogoutButton onClick={this.handleLogoutClick} />;
    } else {
      button = <LoginButton onClick={this.handleLoginClick} />;
    }

    return (
      <div>
        <Greeting isLoggedIn={isLoggedIn} />
        {button}
      </div>
    );
  }
}

ReactDOM.render(
  <LoginControl />,
  document.getElementById('root')
);

-조건문을 이렇게 표현할 수 있음. 대부분 state를 사용하는듯

function Mailbox(props) {
  const unreadMessages = props.unreadMessages;
  return (
    <div>
      <h1>Hello!</h1>
      {unreadMessages.length > 0 &&
        <h2>
          You have {unreadMessages.length} unread messages.
        </h2>
      }
    </div>
  );
}

const messages = ['React', 'Re: React', 'Re:Re: React'];
ReactDOM.render(
  <Mailbox unreadMessages={messages} />,
  document.getElementById('root')
);

-논리연산을 통해 if문을 대체하는 방안도 있음

render() {
  const isLoggedIn = this.state.isLoggedIn;
  return (
    <div>
      {isLoggedIn
        ? <LogoutButton onClick={this.handleLogoutClick} />
        : <LoginButton onClick={this.handleLoginClick} />
      }
    </div>
  );
}

- 이렇게 조건연산식으로도 if else문 구현 가능

function WarningBanner(props) {
  if (!props.warn) {
    return null;
  }

  return (
    <div className="warning">
      Warning!
    </div>
  );
}

class Page extends React.Component {
  constructor(props) {
    super(props);
    this.state = {showWarning: true};
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }

  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }

  render() {
    return (
      <div>
        <WarningBanner warn={this.state.showWarning} />
        <button onClick={this.handleToggleClick}>
          {this.state.showWarning ? 'Hide' : 'Show'}
        </button>
      </div>
    );
  }
}

ReactDOM.render(
  <Page />,
  document.getElementById('root')
);

-이렇게 렌더링을 막는 방법도 생각해볼만함

참고 : https://ko.reactjs.org/docs/lists-and-keys.html

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((numbers) =>
  <li>{numbers}</li>
);

ReactDOM.render(
  <ul>{listItems}</ul>,
  document.getElementById('root')
);

-여러개 컴포넌트 렌더링하기

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
  <li key={number.toString()}>
    {number}
  </li>
);

const todoItems = todos.map((todo, index) =>
  // Only do this if items have no stable IDs
  <li key={index}>
    {todo.text}
  </li>
);

- key를사용할때는 이렇게 사용함

function ListItem(props) {
  const value = props.value;
  return (
    // 틀렸습니다! 여기에는 key를 지정할 필요가 없습니다.
    <li key={value.toString()}>
      {value}
    </li>
  );
}

function NumberList(props) {
  const numbers = props.numbers;
  const listItems = numbers.map((number) =>
    // 틀렸습니다! 여기에 key를 지정해야 합니다.
    <ListItem value={number} />
  );
  return (
    <ul>
      {listItems}
    </ul>
  );
}

const numbers = [1, 2, 3, 4, 5];
ReactDOM.render(
  <NumberList numbers={numbers} />,
  document.getElementById('root')
);

function ListItem(props) {
  // 맞습니다! 여기에는 key를 지정할 필요가 없습니다.
  return <li>{props.value}</li>;
}

function NumberList(props) {
  const numbers = props.numbers;
  const listItems = numbers.map((number) =>
    // 맞습니다! 배열 안에 key를 지정해야 합니다.
    <ListItem key={number.toString()} value={number} />
  );
  return (
    <ul>
      {listItems}
    </ul>
  );
}

const numbers = [1, 2, 3, 4, 5];
ReactDOM.render(
  <NumberList numbers={numbers} />,
  document.getElementById('root')
);

- Key 지정 방법을 헷갈리면 안됨. 어디에 지정할지 잘 생각

참고 페이지 : https://ko.reactjs.org/docs/introducing-jsx.html

function formatName(user) {
  return user.firstName + ' ' + user.lastName;
}

const user = {
  firstName: 'Harper',
  lastName: 'Perez'
};

const element = (
  <h1>
    Hello, {formatName(user)}!
  </h1>
   <div>
    <h1>Hello!</h1>
    <h2>Good to see you here.</h2>
  </div>
);

ReactDOM.render(
  element,
  document.getElementById('root')
);

-변수 선언 방식이 매우 자유로움

- Hello, {formatName(user)} 이걸 봐서는 함수리턴값을 {}로 감싸서 문자열로 만드는듯

- <div> 안에 또 <h1> 넣어도 무방함

const element = <div tabIndex="0"></div>;

const element = <img src={user.avatarUrl}></img>;

- 블럭(div)안에 인자로 tabIndex=0이라는 값을 넣어준듯

- 원래 블럭의 인자값 src에 {user.avatarUrl} 처럼 변수를 넣을 수 도 있음

참고 : https://ko.reactjs.org/docs/components-and-props.html

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

const element = <Welcome name="Sara" />;

-props는 객체인자를 받는 것임

-제일 밑에 줄 처럼 이제 컴포넌트를 블럭으로 받을 수 있음. 인자를 주면서

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

function App() {
  return (
    <div>
      <Welcome name="Sara" />
      <Welcome name="Cahal" />
      <Welcome name="Edite" />
    </div>
  );
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

- 함수형태로 나타내면 이렇게 됨

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({
      date: new Date()
    });
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

ReactDOM.render(
  <Clock />,
  document.getElementById('root')
);

- 이렇게 하면 이제 clock은 함수가 아닌 클래스로 정의됨. 그냥 이자체로 시간을 계속 업데이트함

- 생성자 형식 잘 보기, 이제 제일 밑에 것 처럼 실행시키면 됨

-componentDidMount는 컴포넌트 출력물이 DOM에 렌더링 된 후에 실행

-componentWillUnmount는 이제 끝날때 실행

// Wrong
this.setState({
  counter: this.state.counter + this.props.increment,
});

// Correct
this.setState((state, props) => ({
  counter: state.counter + props.increment
}));

// Correct
this.setState(function(state, props) {
  return {
    counter: state.counter + props.increment
  };
});

-setState 사용 방법

참고 : https://ko.reactjs.org/docs/handling-events.html

function ActionLink() {
  function handleClick(e) {
    e.preventDefault();
    console.log('The link was clicked.');
  }

  return (
    <a href="#" onClick={handleClick}>
      Click me
    </a>
  );
}

-event 함수를 이렇게 할 수 도 있음

 Tip

팁은 100바트

길거리는 무조건 흥정하기

바트는 X40 하면 편리하게 계산할 수 있다. ( 100바트 = 4,000원 ) 

10000밧 환전 - > 1000 * 9 + 100 * 9 + 20 * 5

지하철을 탈 때는 동전을 미리 준비하는 게 좋다. 출, 퇴근 시간에는 줄이 정말 길어요!    

대형 마켓에선 관광객 할인카드를 받을 수 있다! (마켓 앞 인포메이션 센터에서 여권을 보여주고 카드를 만들어달라고 하면 무료로 만들어줘요.)    

환전

-시내 슈처리치 9~20시

-공항 환전소 11시 반까지

연락처

대표전화(근무시간 중) : +66-2-247-7537~39

긴급연락전화(사건사고 등 긴급상황 발생시,24시간) : +66-81-914-5803

영사콜센터(서울, 24시간): +82-2-3210-

2일차(1.9목)

관광보트 -  

왓 아룬-

왓 포 -

카오산-

딸랏 롯파이-

3일차 (1.10금)

매끌렁시장, 담넌사두억(투어) -

라바나 마사지-

아트박스 -

4일차 (1.11토)

짜뚜짝 시장-

아리역 카페거리-

룸피니공원ㅡ

마하나콘-

터미널21

쏘이카우보이

5일차(1.12일)

어반 리트리트 스파 아속-

지출

비행기 ---- 487000

여행자보험 --- 8800

네이버 페이 - 유심 LTE 무제한 8450 --- 김해공항 수령

아고다 - 숙소 5일 84000원

케이케이데이 - 파타야 패키지 24000

케이케이데이 - 라바나 스파 33884

케이케이데이 - 마하나콘 30500

클룩 - 올때 공항철도

준비물

-당일()

이어폰 무선 1개

휴대폰

유심 + 유심빼는 촉

시계

보조배터리

-

-

선크림

치약

칫솔

면도기

피지오겔 + 데오드란트 + 로션

샴푸

비닐

-

-

상의 - 티셔츠 4개, 얇은 긴팔 1

바지 - 반바지 2, 츄리닝바지1, 청바지1

팬티 - 스판3, 트렁크3

양말 - 6개

수건 5개 

슬리퍼 1쌍 

-

-

충전기 1개

자물쇠 1개

마데카솔,반짓고리 1개

읽을책

일기장

-

-

안대

귀마개

목베게

- 

-

보조가방

바우처-------------

셀카봉

선글라스

동전지갑

여권

휴지 + 티슈 + 물티슈

 -

아침 101바트

편의점 46

팁100

맥도날드 파이39

빵 45

호빵70

빵32

과일 마카롱 125

지하철 53

면세점 220

**60바트 목록에 없음

.2152

-891

=1261

실수 ㅡ 비행기, 공항수령티켓, 기념품

오늘 느낀건데 해외여행을가면 4박5일정도가 적당한듯함. 하루는 관광지, 하루는 시내및 쇼핑몰,  하루는 자유시간,  하루는 힐링,  하루는 비행기및 이동하면 딱 좋은듯. 

오늘은 아침에 일어나서 좀 씻고 뒹굴거리다가 오전은 숙소 1층에서 유투브좀 보고 서핑하며 힐링하다가 좀 골목주변 걸어다니다가 국수집있어서 국수먹는데 꽤 맛있었음. 그리고 패밀리마트에서 똠양소스 볶음밥 팔길래 숙소들고와서 먹고 또 유투브 보면서 뒹굴거림 그리고 1시에 고급 오일마사지 예약되있어서 가서 받는데 꽤 좋았음. 근데 역시 서비스 말고는 큰 차이를 못느끼겠음. 거기는 샤워하고 오일발라주면서 타이 마사지해줌 그리고 끝나고 팁으로 100바트주고나서 앞에 있는 백화점 지하에서 먹거리좀 사는데 처음 보는것들 다 사먹어봄 호빵, 교자, 빵,  플로스, 과일, 코코넛마카롱 이것저것 먹고 숙소와서 낮잠 2시간정도 자고 일어나서 준비하면서 유투브보면서 뒹굴거리다가 체크아웃하고 나와서 지하철타고 공항철도 티켓 픽업하고 공항철도타고 공항와서 수속 빠르게하고나서 면세점에서 간단하게 사고 폰충전하며 쉬다가 비행기타고 한국옴

편의점 롤 25

지하철패스 140

카레+치킨 40

코코아이스크림 50

슬리퍼150

셔츠 100

티 470

음료수 25

방향제 200

커피거리 커피 75

ㅡ터미널21

모닝글로리 230

음료 20

터미널21 쇼핑 697

소이카우보이맥주 200

안주 15

4544

-2437

=2107

실제돈 2152

**45바트생김

오늘은  좀 느긋하게 삼. 아침에 좀 뒹굴거리다가 생각한게 원래 오늘 수완나품 공항가서 헬스랜드 바우처를 받아야되는데 너무 귀찮아서 취소함. 수수료 없어서 정말다행이였음 짜뚜짝 주말시장가는데 왓다갓다하는데 일일패스 사는게 이득일것같아서 일일패스사서 시장가는데 방콕에서 가장크다는데 진짜 엄청컸음. 안내소에서 팜플렛 받고 이곳저곳 둘러보는데 예술작품도 있고 신기한 것들이 많았음. 볶음밥도 먹고 코코넛 아이스크림도 먹고 슬리퍼도 사고 티종류도 사고 이것저것하니 다 비슷해보이고 귀찮아서 둘러보고 나옴. 근데 은근 한국 노래가 많음 많이들린순서로 여자아이들 블랙핑크 아이유 트와이스 레드벨벳 등 반가웠음. 방향제도 사고 다시 가는데 알고보니 길을 거꾸로가서 다시 돌아서 지하철타고 아리역가서 카페거리가는데 진짜 똥이 너무 마려워서 그냥 화장실 있을것같은데 겨우 찾아갔는데 아메리카노 시키고 화장실갓다와서 보니 충건기도 꽃을수있고 시원하고 커피도 맛있고 현지인들 애용 카페인것 같았다 그래서 카페에서 좀 뒹굴거리면서 놀다가 지하철타고 룸피니 공원갔음. 이런데 오는거 별로 안좋아하는데 마하나콘에서 노을이랑 야경보려면 시간을 때웠어야됬음. 그래서 갔는데 그냥 큰 수성못이였음 새도 있고 그래서 좀 쉬다가 사람들 조깅하는것좀 보고 단체체조하는것도 보다가 걸어서 킹 파워 마하나콘 갔음. 가다가 알은건데 킹파워가 회사이름이였음. 그리고 건물앞에 트리좀 보다가 들어가서 바우처보여주고 바로 엘베타러감. 78층까지 있는데 74층까지만 엘베타고 가고 나머지는 걸어가거나 엘베 갈아탔어야 됬음. 엘베 속도 개빨라서 거의 30초만에 74층감. 그리고 잠깐 풍경보는데 미세먼지인지 스모그인지 많이 흐렸음. 그리고 타워 높이 비교사진이 있는데 롯데타워가 1등이였음. 그리고 걸어서 78층 가니까 석양도 지고 어떤 밴드가 공연하는데 좀 듣다가 사진찍으러 가서 야경사진찍고. 무료 음료수 마시고 나서 어떤 구역에 밑에 보이는 유리로 되있는 포토스팟이 있는데 카메라를 유리 밖에서 찍어야되서 주변 한국인들 사진찍어주고 나도 찍어달라고해서 사진 찍고 어두워지길래 내려옴. 그리고 지하철타고 아속역와서 터미널21가어 지하에 고메마켓가서 투어 카드 받고 쇼핑 30분정도 하면서 말린과일이랑 과자좀 사고 나옴. 투어카드 할인이 꿀이였음.  그리고 숙소들러서 짐 놔두고 주변에 쏘이 카우보이 가서 200바트주고 맥주 한병들고 바카라 가게 들어가서 여자들이 픽업 받으려고 춤추는것좀 봄. 봉춤을 기대했는데 아쉽. 그리고 비키니 입은 여자들좀 보다가 숙소와서 맥주 마시며 쉬는데 포르투칼 할머니가 진토닉 먹고있어서 얘기하면서 시간보냄.  9개월여행중이라는데 저번 독일인도 6개월여행이고 다들 좀 다른 세계사람 같아보임. 그러다가 영국인 여자도 와서 얘기하다가 쫑나고 나는 씻고 누우니까 바로잠듦

세븐아침 64

투어가서 배탑승 150

수박쥬스40

망고50

점심 맥날 버거세트 + 파이2개 279

ㅡ아트박스

꼬치80

브라우니 60

음료 40

헤나 150

쥬스 80

부엉이220

티셔츠 150

**80밧 어디쓴지 모르겠음

.5987

-1443

=4544

아침에 일찍일어나서 준비하고 세븐 일레븐에서 햄버거에 커피우유를 먹엇는데 별다른건 없었음. 오늘은 담넌사두억,매끌렁시장 투어 있는 날이라서 집합장소가서 차를탐. 현지인가이드인데 한국말도 할줄알고 아는것도 많았음. 나포함 8명정도 같이 가고 나만 혼자왓엇음. 1시간30분정도 가니 9시반쯤 담넌사두억 와서 150바트주고 보트 타고가는데 30분정도 타는데 좁은 수로에 배도 많고 매연이 나오는 보트라서 목이 좀 아팟음. 물건은 바가지가 너무 많아서 그냥 안사고 끝에와서 10분정도 자유시간줘서 내려서 주변 잠깐둘러보고옴. 아나콘다 사진촬영, 나무늘보 먹이주기 이런것도 있었음. 그리고 30분 정도 차타고 이동해서 매끌렁 시장에 왔음. 바로 40분정도 자유시간주는데 주위 둘러보면서 쥬스먹고 말린 망고 1개샀음. 그러다 갑자기 사람들이 철도 주위로 모여들고 사진준비하길래 보니까 시장 중간에 기찻길이 있는데 그 길로 기차가 다니는데 이제 곧 온다고 가게들 천막접고 다들 사진찍고 있었음. 나도 사진좀 찍고 가이드에게 표받고 기차타고가는데 옛날기차라서 선풍기 밖에 없었음.  그냥 풍경보다가 얼마지나니까 가이드가 내리면된다고해서 내리고 차타고 다시 아속역으로 오니 12시 반쯤이였음. 바로앞에 맥도날드 있길래 콘파이, 파인애플 파이, 햄버거세트 먹는데 그렇게 신선한 경험은 아니였음. 그리고 좀 피곤해서 숙소와서 좀 쉬다가 4시에 라바나에서 2시간짜리 마사지 있어서 가서 받는데 3만원대인데 서비스도 좋고 시설도 좋고 마사지도 나쁘지 않았음. 솔직히 싼가게랑 서비스차이 인것같음. 그리고 6시에 나와서 바로 근처에 아트박스 야시장 있어서 가는데 중간에 한인타운 봄. 신기하더라 설빙이랑 이것저것 많았음. 아트박스에서는 출출해서 꼬치1개 먹고 브라우니 케이크 1개 음료수 1개 먹으면서 둘러보다가 술도 있던데 땡기지는 않았음. 그리고 티셔츠 귀여운거 있길래 동생주려고 1개사고 헤나 해보고 싶어서 오른쪽 팔에 꽃모양 헤나함. 그리고 부모님 선물로 부엉이 4마리있는거에 가족 이름 넣은거 사고 숙소와서 씼고 좀 쉬려고 했는데 피곤해서 바로 잤음