일안하고블로그

카니 혼케 런치 이번여행에서 가장 기대가 큰 맛집은 게요리와 징기스칸 이었습니다. 게요리를 많이 즐겨 먹거나 좋아하진 않지만 처음으로 인당 5만원 정도로 잡고 먹는 것이라 게한마리 정도 나온다는 생각에 설랬습니다. 스스키노 역에서 별로 떨어지지 않은 곳에 위치해있었고 , 11시 30분쯤에 맞춰서 식당으로 갔습니다. 예약을 한것이 아니어서 기다려야 하나 했는데 다행히 바로 입장을 할 수 있었습니다. 입장을 할 수 있었습니다. 허겁지겁가서 메뉴 판 사진을 못찍었네요 ㅠㅠ 코스요리처럼 메뉴가 나옵니다. 저는 세금포함 5000엔 런치 메뉴를 시켰고, 친구는 5400엔 런치 메뉴를 시켰습니다.정말 좋았던 것은, 주문하는데 주문해주시는 분이 정말 친절하셔서 음식을먹는데 기분이 정말 좋았어요. 이것이 처음 나오는 게..

삿포로역에서 가라쿠로 이동 삿포로 역에서 가라쿠 까지 거리는 걸어서 15분 정도 걸립니다. 버스나 지하철을 타기 정말 애매한 거리이기 때문에 도보로 이동을 하였습니다. 8시가 다되어가는 시간에 가라쿠에 도착 하였습니다.지도를 보고 따라가니까 쉽게 찾았습니다. 다행히 사람도 별로 없었지만 6~7팀정도 대기줄이 있었어요. 20분 정도 기다리고 나서 입장을 할 수 있었습니다. 입장해서 한국인 분들이 그래도 몇테이블 있어 보였어요.맛있다 라는 말도 많이 들렸습니다. 입장하고 가장 인기 많은 메뉴를 먹을라 그랬는데 , 역시 재료소진으로 다른 메뉴를 먹었어요.메뉴판 찍는것을 깜박해서 먹은 음식만 찍었습니다 . 제 친구가 먹은 베이컨 소시지 카레에요. 소시지가 생각보다 맛있고, 치즈하고 커리하고 잘 어올린다고 했습니..

NODE_PATH 설정 NODE_PATH 설정을 하지않아도 개발을 하는데 문제가 발생하지는 않습니다. 하지만, 경로가 복잡해지면 경로 소스도 정말 복잡해져서 사용하기 힘들게 됩니다. NODE PATH 설정을 하는 것이 어렵지 않아 정리 해봅니다. mac 사용자: package.json 에서 script의 start와 build를 수정합니다. "start": "NODE_PATH=src react-scripts start","build": "NODE_PATH=src react-scripts build", 이렇게 설정을 하면 디렉토리가 src 기준으로 절대경로가 됩니다. windows 사용자: cross-env설치후 package.json 에서 script의 start와 build를 수정합니다. $ yarn ..

삿포로 공항 공항 도착후에 바로 빠르게 1층으로 내려가서 버스 스테이션이 있는 곳으로 갔습니다. 공항에서 JR기차로 갈 수도 있지만, 버스로 가는것이 더효율적이라고 들어서 버스로 가기로 했습니다. JR로 가면 삿포로역까지 1590엔정도 발생하며, 다시 스스키노 역까지 200엔이 발생하여 편도로 1800엔 가량이 발생합니다. 대신 삿포로역까지 30~50분 ? 정도 걸리는것 같습니다. 1층으로 내려가면 INFO 데스크가 있고, 버스 표를 사는 기계가 있습니다. 저는 스스키노 시내로 가서 공항에서 스스키노 시내로 가는 버스표를 샀습니다. 버스표 가격은 1030엔입니다. 왕복으로 하면 1950엔으로 100엔 가량 더싸게 갈 수 있어요. 버스를 타는 곳은 35번으로 가시면 됩니다.크게 숫자가 써있어요.하지만 ....

11월 삿포로 여행 삿포로 여행을 다녀오고 2주가 지났습니다. 그동안 게을러서 블로그에 처음으로 올려야지 하고 생각만 하다가, 처음 블로그에 글을 올립니다.여행을 잘하거나 해서 올리는 것이 아닌 기록의 의미로 글을 씁니다. 개인적으로 일정을 정리하는 것이 재미있고 나중에 보면 어떤것을 했는지 추억이 되는것 같아요 . 삿포로 여행은 2박 3일 11월 3일(토요일) 부터 11월 4일(월요일) 까지 다녀왔습니다. 저는 개인적으로 해외여행을 갈때 가성비와 맛집을 중요하게 생각하고 여행을 합니다. 그래서 항공권을 구매할때도 싸게 구입을 하려고 정말 많이 노력을 하여 구매를 합니다. 삿포로맛집/랜드마크 링크삿포로 일정정리 링크삿포로 여행일정지도 링크 항공권 예매 삿포로 여행에 있어서 비수기와 성수기를 나누어 볼 수..

리액트 반복함수리액트에서 반복적인 내용을 효율적으로 보여주고 관리하는 방법이 있습니다. 자바스크립트 배열 함수를 사용 하는 것 인데요 , ES6문법과 배열을 다루는 법에 대해서 정리를 하면 좋을 것같습니다. 우선 , 프로젝트를 생성합니다. $ create-react-app dh-use-map 다음 프로젝트로 들어가서 $ cd dh-use-map프로젝트를 실행합니다. $ yarn start다음 화면이 뜨면 성공입니다. App.js를 변경 해보겠습니다. 다음, 리액트에서 map을 테스트 하기위해서 MapTest.js를 만들겠습니다. import React, { Component } from 'react';import './App.css';import MapTest from './MapTest'; class ..

React 이벤트 핸들링 기초 사용법리액트에서 onClick 과 같은 이벤트를 작성하는 방법이 약간 다르고, 기초 적이지만 중요한 부분을 정리를 해보았습니다. 1. 이벤트의 이름은 'onclick' 이 아닌 'onClick' 으로 (카멜케이스) 작성.2. 이벤트는 함수의 형태 값을 전달한다. 3. DOM 요소에서만 이벤트 설정 가능. 다음 3가지는 이론 적인 것이고 이제 실제로 예제를 만들어서 3가지에 대해서 정리를 해보려고 합니다. create-react-app으로 프로젝트를 만듭니다. $ create-react-app dh-event-input 설치가 완료 되었으면, 프로젝트 폴더 이동 $ cd dh-event-input 프로젝트 이동후, 실행. $ yarn start 화면이 나오면 성공입니다. 이제..

리액트 JSX - Fragment 사용 React에서 컴포넌트를 나누어서 개발을 할때 불필요하게 div를 반드시 감싸고 내부터 태그를 삽입 하다보면 불필요하게 DOM구조가 복잡해 진다고 느껴질때가 있습니다.Fragment를 통해서 불필요한 div 랜더링을 생략 할 수 있습니다. Fragment는 리액트 v16 이상에서 사용가능합니다. import React, { Component, Fragment } from 'react'; class FragmentTest extends Component { render() { return ( 테스트 ); }}export default FragmentTest;간단하게 class를 하나 만들어 봤습니다. 사용법1. 상단에 import {fragment} 추가. impor..

제이쿼리(Jquery) .on()제이쿼리를 사용하다보면 동적으로 생성된 함수에 Function을 걸어야 하는 경우가 발생합니다. 그럴경우 동적 DOM과 정적 DOM모두에 Function을 걸어야하는데 저는 .on()을 사용합니다. 종종사용하고 암기가 어려워 예제를 만들었습니다. $(document).ready(function(){ /* 소스 */ }); 상단의 ready는 해당 문서를 다읽고 실행되는 Function입니다. 따라서 문서의 내용이 변화하면 감지를 하지못합니다. 하지만 on()은 바뀐 시점에서 전체 내용을 읽기 때문에 내용변경 후에도 이벤트가 가능해집니다. $(document).on("click",".menu div", function(event){}); See the Pen 제이쿼리 정적테..

드디어 기다리고 기다리던 홀리데이 매트를 받았습니다. 이전에 하늘색 매트를 받았지만 지인에게 드렸는데 이번에 다행히 한개를 더모아서 매트를 받을 수 있게되었습니다. 원래 음료수 2잔 교환을 하려했지만, 7월말쯤 가니까 교환기간이 끝났다고 해서 결국 매트를 받았습니다. 매트는 주황색하고 하늘색이 있다고 하는데 다행히 하늘색은 품절이었고, 주황색을 받았습니다. 디자인은 하늘색보다 주황색이 더이쁜거 같아요. 매트 받으려고 두달정도 기다린 것 같은데 드디어 받으니까 정말 좋네요. 혹시 증정을 받으시지 못하였다면 지금이라도 근처 스타벅스에 방문하면 좋을 것같습니다.