세모튜브

유튜브강좌 : youtu.be/4AOaL0HnD48 기본 레이아웃 조건버튼 클릭시 Tab 정의 기본 변수 선언 - Tab의 정의 : class Tab {...} - 통합검색 : tabArray: [0] - 행사검색 : tabArray: [1] - 숙박검색 : tabArray: [2] //search.js const api = require("../../utils/api.js"); const def = require("../../utils/def.js"); const util = require("../../utils/util.js"); const code = require("../../utils/code.js"); const app = getApp() class Tab { constructor(name) ..

유튜브강좌 : youtu.be/cmjkpETaLmw 우선 관광정보API 가이드 파일내에 한국관광공사_서비스분류코드_vx.x.xlsx파일을 참조한다. 참조) 한국관광공사_서비스분류코드_v3.2_160623.xlsx 코드종류 - 관광타입 코드 : 전체, 관광지, 문화시설, 행사/공연/축제, 여행코스, 레포츠, 숙박, 쇼핑, 음식점 - 분류 코드 : 대분류, 중분류, 소분류로 나누어진다. - 지역 코드 : 지역, 시군구로 나누어 진다. - 정렬 코드 : 제목순, 인기순, 최근수정순, 등록순, 제목순(이미지), 인기순(이미지), 최근수정순(이미지), 등록순(이미지) 관광타입 코드와 정렬코드는 메뉴얼상에 제공되고 있으며... 분류코드와 지역코드는..

유튜브강좌 : youtu.be/tNzxbFqEoZE 로그인/아웃 처리하기 원래 로그인/아웃을 처리하기 위해서 wx.login() API를 이용해서 openid 및 session_key를 포함하여 사용자의 자격 증명을 획득한후 로그인 상태 정보를 앱의 서버에 전달해서 로그인/아웃 처리를 해야 한다. 하지만 서버가 없는 상황이니...... 컴포넌트의 open-type="getUserInfo"를 이용하여 간단하게 로그인/아웃을 처리하자. {{userInfo.nickName}} 버튼을 클릭하면 open-type="getUserInfo"로 인해 logIn(e)로 유저정보가전달된다. 유저정보를 전달받으면 로그인 처리 wx.setStorageSync()를 이용해 유저정보를 스토레이지에 저장한다. 반대로 로그아웃시 w..

유튜브강좌 : youtu.be/XaRgqyD7qO4 먼저 아래와 같이 "나" 페이지를 만들어 보자 주요 로직은 다음과 같다. - 로그인/아웃 - 즐겨찾기 페이지 - 코드관리 페이지 - 앱소개 페이지 util.js 우선 wx.showToast()를 처리하기 위해 이미지를 다운받자. 저번시간에 사용했던 사이트 https://www.flaticon.com/ 를 이용해서 아래 2가지 적당한 아이콘이미지를 준비하면 된다. - error.png, success.png 2개의 파일을 준비하자 다음은 utils/util.js에 wx.showToast()를 처리하는 소스를 추가하자 const showToast = (msg, image="SUCCESS") => { wx.showToast({ title: msg, image..

유튜브강좌 : youtu.be/w1i2X8dDOJM github : https://github.com/semotube/korTourInfo semotube/korTourInfo Contribute to semotube/korTourInfo development by creating an account on GitHub. github.com 2가지 부분에서 처리하는 방법을 살펴보자 1. 개발툴에서 않될때 2. 테스트기기에서 않될때 개발툴에서 Ver 1.02.2 기준 저번 앱만들기 소스에서 외부 통신을 위해 wx.request() API를 이용해서 아래처럼 외부 URL를 이용했다. const url = "http://api.visitkorea.or.kr/openapi/service/rest/KorServic..

유튜브강좌 : www.youtu.be/D2y870aeOeQ github : https://github.com/semotube/korTourInfo semotube/korTourInfo Contribute to semotube/korTourInfo development by creating an account on GitHub. github.com tabBar 만들기 - 홈 : 첫페이지 - 인기 행사, 최근 행사, 최신 숙박업체를 표시. - 검색 : 서비스분류, 대분류, 중분류, 소분류등의 조건을 받아 결과를 표시 (매뉴얼 참조) - 나 : 개인정보, 분류코드 처리 - 페이지 생성 "pages":[ "pages/index/index", "pages/search/search", "pages/user/user..

유튜브강좌 : www.youtu.be/l0NP7U43meA github : https://github.com/semotube/korTourInfo semotube/korTourInfo Contribute to semotube/korTourInfo development by creating an account on GitHub. github.com - MIT라이센스 UI 라이브러리 이용하기 사이트 : https://github.com/explore 사이트로 이동후 "小程序 ColorUI"검색어를 넣고 검색한다. 오른쪽 녹색버튼을 눌러 다운로드한다. 압축을 푼다 3개의 폴더가 있는데 Colorui-UniApp : vue 예제 demo : 小程序 예제 template : 小程序 템플릿 소스 우선 샤청쉬 개발툴..