섬네일 리스트1 예시
와이드패널 예시
스킨 옵션으로도 첫화면을 다르게 설정할 수 있습니다.
Whatever 스킨은 [로고 이미지, 목록 더보기, 레이아웃 타입, 컬러 타입, 리스트 타입] 다섯 가지 옵션을 제공합니다.
게시물이 존재할 경우 아래에 최신순 4건이 배열됩니다
- js 변수와 함수 자바스크립트 ver message = ‘h1’;변수선언 변수 = 값 console.log(message);변수를 보여달라 = hi가 출력됨 초창기에는 var 사용현재는 const 사용 const나 var을 입력하면 보라색이 뜨는데이거는 이미 js에서 사용하는 언어라는것을 뜻함 js에는 let으로 정의하는걸 추천 그러면 const 와 let의 차이점은let은 한번 선언하고 나서 변수의 값을 변경가능하다const는 이미 한번 선언하면 변경 불가능하다 let b = 20;b= 30;이러면 20에서 30으로 변경됨 let a = 10;let b = ‘hi’;let c = true;let d = [];let e = {}; 숫자문자열지니값배열객체등 다양한 데이터 유형이 배열에 선언될수 있다. 카.. 더보기
- 코알누 react의 lifecycle을 활용한 날씨앱 만들기-5(로딩 스피너) 로딩 스피너 api를 가져온다. import ClipLoader from "react-spinners/ClipLoader"; const[loading,setLoading]=useState(true) {loading?( ):( )} const getCurrnetLocation=()=>{ navigator.geolocation.getCurrentPosition((position)=>{ let lat = position.coords.latitude let lon = position.coords.longitude getWeatherByCurrentLocation(lat,lon); }); }; const getWeatherByCurrentLocation = async(lat,lon)=>{ let url = `ht.. 더보기
-
코알누-react의 lifecycle을 활용한 날씨앱 만들기-4(도시별 날씨 가져오기)
이번에 하는게 최종보스 남은게 도시버튼을 누르면 도시에 맞춰서 정보가 바뀌는거 고민하고 어떻게 하면 되나 생각하면 이런 난제에 부딪혔을 거다. import React from 'react' import { Button } from 'react-bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css'; import WeatherBox from './WeatherBox'; const WeatherButton = ({cities}) => { console.log("cities?",cities); const[city,setCity]=useState('') const searchByCity=(cityName)=>{ setCity(cityName) let url = '..
더보기
-
코알누-react의 lifecycle을 활용한 날씨앱 만들기-3(버튼 보여주기)
5개의 버튼이 있다 . 1개는 현재위치 4개는 다른 도시 const cities = ['paris','new york','tokyo','seoul'] 앞으로 많이 쓰일 정보들은 따로 모아서 관리해주는게 좋다. // 도시 정보를 weatherButton에 props로 넘긴다. const WeatherButton = ({cities}) => { console.log("cities?",cities) 도시가 한개든 만개든 한줄 코드로 끝내주는게 있음
더보기
