전체 글155 7일차 | 퀵메뉴가 있는 슬라이드배너, 좌우,상하,디졸브 슬라이드배너 jquery-ui.js jquery.js 스크롤메뉴.html, .css, .js con1 con2 con3 con4 con5 con1 con2 con3 con4 con5 con1 con2 con3 con4 con5 버튼 슬라이드 배너 3종류(좌우 슬라이드, 상하 슬라이드, 디졸브 슬라이드) jquery-1.9.1.min.js jquery-ui.js jquery.js slidebanner.js(공통) $(function(){ var current = 0;//현재 보이는 이미지의 인덱스 0부터 var setIntervalId; //지역변수(특정함수내에서만 존재하는 변수), //전역변수(위치와 상관없이 스크립트 전체에서 사용할 수 있는변수) $("#btns > li").eq(0).addClass("on");/.. 2022. 3. 30. 추가 | API 연결 방법 2가지 https://www.heroku.com/ Cloud Application Platform | Heroku Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud. www.heroku.com https://app.netlify.com/ Netlify App app.netlify.com 2022. 3. 30. 9일차 | API로 영화 소개 페이지 제작 yts.mx/api#list_movies https://yts-proxy.now.sh/list_movies.json yarn add axios App.js import React from "react"; import axios from "axios"; import Movie from "./movies"; import "./App.css"; class App extends React.Component { state = { isLoading: true, movies: [], }; getMovies = async () => { //async는 이 함수가 비동기식을 의미 const { data: { data: {movies}, }, } = await axios.get( "https://yts-proxy.now... 2022. 3. 23. 8일차 | API로 users 목록 불러오기, user 정보 나타내기 yarn add axios yarn add react-async App.js import React from 'react'; import Users from './components/users'; //yarn add axios //https://jsonplaceholder.typicode.com/users function App() { return ( ); } export default App; useAsync.js import {useReducer, useEffect} from "react"; function reducer(state, action) { switch (action.type) { case "LOADING": return { loading: true, data: null, error: nu.. 2022. 3. 23. 이전 1 2 3 4 5 ··· 39 다음
