분류 전체보기 썸네일형 리스트형 미국 서부여행 4대 캐년 정복 1탄 자이온 국립공원 & 브라이스 캐년 자이온 국립공원Zion National Park★★★★★ 브라이스 캐년Bryce Canyon National Park★★★☆ 유타 솔트레이크로 돌아가기 전 유타 카나브에 숙소를 잡고 4대 캐년을 둘러보기로 했습니다.여기까지 왔는데 캐년은 다 둘러보고 가야겠죠? ㅎㅎ 미국의 4대 캐년이라고 하면 보통Zion National Park (자이언 캐년), Antelope Canyon (앤텔로프 캐년), Bryce Canyon(브라이스 캐년), Grand Canyon National Park (그랜드캐년) 을 말합니다! 오늘은 그 중에서도 Zion National Park와 Bryce Canyon National Park 를 소개해드릴까 합니다. 사실 일정이 빠듯해서 넉넉하게 둘러보지는 못했어요 ㅠㅠ 그래서 향후.. 미국 서부여행 유니버셜 스튜디오 LA (Universal Studios Hollywood) 방문기 유니버셜스튜디오할리우드Universal Studios Hollywood 100 Universal City Plaza, Universal City, CA 91608 미국 만족도 : ★★★★★ (100점!) 캘리포니아 LA 여행 중 가장 기대되었던 곳 중 하나가 바로 유니버셜 스튜디오 인 헐리우드 였습니다 !디즈니 랜드를 갈 것인가 유니버셜 스튜디오를 갈 것인가 고민을 굉장히 많이 했었는데요 !디즈니랜드는 나중에 우리 딸과 함께 같이가기로 했어요 ^^영화를 좋아하는 저에게는 정말 환상의 나라였답니다 ! 저희는 평일에 갔지만 혹시 모를 인파에 대비해서 익스프레스 티켓을 끊고 갔어요 ! 가격은 매우 사악합니다 ^^한화로 1인 26만원 정도 했던 것 같아요 ..... 후덜덜 하지만 두 번 갈 것 아니니까 하는맘에.. Step 7 Angular, Material table을 이용하여 paging 페이징 생성 부트스트랩 ui 를 사용해서 데이터를 페이징 하고 싶었으나.. 지식의 한계에 부딪혀 결국 Material table 을 사용 !(물론 참고...ㅎㅎㅎ) 바인딩 되는 테이블의 colums 이름을 잘못 입력 해서 데이터가 출력되지 않아서 2일을 잡아먹었다 ㅠㅠ displayedColumns = ['cname', 'ccode']; 우선 결과물부터 ... 별것도 아닌데 왜 이 고생을 했을까 ㅠㅠ 설명과 방법은 추후 업데이트 하겠습니다 ~~ 참고 사이트 : https://moon9342.github.io/angular-lecture-material-table 미국 서부여행 뜨거운 여름,미국 라스베가스 (Las Vegas) 여행을 가다 ! 8월의 어느날 ~ 네바다 주에 있는 라스베가스로 여행을 떠났습니다 !!! 웰컴 투 라스베가스 !제일 더운 계절에 갔지만 호텔 내부는 춥다고 느낄 정도로 에어컨이 빵빵해요 ^^;;얇은 겉옷은 꼭 챙겨가시길 바랍니다 ~~ 썬글라스도 필수 ~! 저희는 베가스에서 여행하다가 시간이 남아서 근처에 있는 레드락 캐년(Red Rock Canyon)도 다녀왔습니다 ! 라스베가스의 낮은 별로 볼 것이 없어서 쇼핑하러 많이 돌아다녔어요 ~코카콜라, M&M, 허쉬 등등 다양한 종류의 브랜드 샾이 있으니 꼭 들러보시길 바랍니다 ~그럼 사진 갑니다 ^^ 낮에 봐도 멋진 호텔들 ~ 하지만 밤에 비하면 아무것도 아니더라구요 ^^; 베네시안 호텔안에서 찍은사진 같아요 ~~ ㅎㅎ 내부는 유럽에 온듯한 느낌의 베네치안 호텔 !!! 평일.. Step 6 Angular, JSON 데이터 HTTP 형식으로 받아오기 json 형태의 데이터를 목록화 시켜서 출력 하도록 하겠습니다. list-view.component.html {{color.name}} / {{color.code}} json 형식의 데이터파일을 만듭니다.assets/data/color.json [ { "name" : "color01", "code" : "a18ce9" }, { "name" : "color02", "code" : "cf8ce9" }, { "name" : "color03", "code" : "e88dd3" }, { "name" : "color04", "code" : "e88ca5" } ] list-view.component.tsHttpClientModule 을 import 해줍니다.ngModule 에 import 하는것도 잊지 마세요 ! i.. 미국 서부여행 Los Angeles Travel ~~ LA 여행 후기 2018년 8월의 어느날 :-) 우리부부는 캘리포니아주에 있는 LA 여행을 떠났습니다 ~~ 여행 루트는 다음과 같아요 ~ 헐리우드거리 - 파머스마켓 - 헐리우드언덕 - 유니버셜 스튜디오 - 그리피스천문대 - 산타모니카 해변 유니버셜 스튜디오는 양이 너무많아 다음 포스팅에서 다루도록 하겠습니다. 각 여행지 한줄 요약 및 개인적인 평점입니다 ! 헐리우드거리 ★★★★☆Hollywood BlvdLos Angeles, CA, 미국생각보다 메인스트리트가 크지 않아서 당황했지만 다양한 볼거리, 여러가지 쇼핑이 가능합니다. 호객행위조심 ! 파머스마켓 ★★★★☆The Original Farmers Market6333 W 3rd St, Los Angeles, CA 90036 미국미국의 재래시장으로, 과일, 식료품 등등을 .. Step 5 Angular, View 안의 View 생성하기 안녕하세요 ~ 오늘은 Angular 프로젝트에서 Component 안의 Component, View 안에 View 를 생성 해 보도록 하겠습니다 ! 아주아주 간단해요 ~~ 저희는 pageSearch View 하위에 detail-view 와 list-view 를 생성 해 보도록 하겠습니다 ! CLI 를 이용하여 다음 명령어를 실행 해 주세요 ~~매번 느끼는 것이지만 CLI 는 정말 편리한 것 같습니다 ^^ ng generate component pageSearch/detail_view ng generate component pageSearch/list_view 이렇게 pageSearch 하위에 두개의 컴포넌트들이 생성 되었습니다. 그리고 하위 view 를 넣을 page-search-main.componen.. Step 4 Angular, Data Binding ! Data Binding ( 원본 출처 : https://moon9342.github.io/angular-lecture-databinding ) Angular는 View와 Component에서 발생한 데이터의 변경 사항을 자동으로 일치시키는 기능을 제공하는데 이를 Data Binding( 데이터 바인딩 )이라고 합니다. Angular의 데이터 바인딩은 다음과 같이 크게 두가지 종류가 있습니다. - Two-Way Data Binding : 일반적으로 양방향 바인딩이라고 합니다. Component와 View의 상태 정보를 자동으로 일치시켜 주는 기능입니다. - One-Way Data Binding : 일반적으로 단방향 바인딩이라고 합니다. Component에서 View쪽으로 혹은 View에서 Component.. 이전 1 ··· 21 22 23 24 25 26 27 다음