공부기록용

HTTP API 설계 🔴HTTP API - 컬렉션 🔴HTTP API - 스토어 🔴HTML FORM 사용 POST 기반으로의 데이터 등록 회원 목록 /members -> GET 회원 등록 /members -> POST 회원 조회 /members/{id} -> GET 회원 수정 /members/{id} -> PATCH(부분 수정시 용이_주로 사용), PUT(전체 내용을 수정시 용이), POST(PATCH, PUT 모두의 사용이 애매할 때) 회원 삭제 /members/{id} -> DELETE 클라이언트는 등록될 리소스의 URI를 모른다. 회원 등록 /members -> POST POST /members ------ 등록 데이터를 보낸뒤 보낸 데이터의 고유 값을 모른다는 의미이다. 즉, A와 B의 정보에 C라..

클라이언트 ➡️ 서버로의 데이터 전송 전달 방식 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터를 쓸 때 많이 사용(검색어를 치거나 게시판 리스트에 정렬 조건을 넣을 때) 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원 가입, 상품 주문, 리소스 등록, 리소스 변경 전달 상황 정적 데이터 조회 할 때_이미지, 정적 텍스트 문서 쿼리 파라미터 미사용 조회는 GET를 사용 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능 동적 데이터 조회 할 때_주로 검색, 게시판 목록에서 정렬 혹은 필터(검색어) 쿼리 파라미터 사용 조회는 GET 사용 조회 조건을 줄여주는 필터와 조회 결과를 정렬하는 정렬 조건에 주로 사용 GET은 쿼리 파라미터 사용해서 데이터를 전달 GET메소..

https://nomadcoders.co/react-for-beginners/lobby ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders 왕초보를 위한 React nomadcoders.co gh-pages설치_결과물을 github pages에 업로드 할 수 있게 해주는 패키지 gh-pages설치 # yarn 설치 yarn add gh-pages​ # or npm 설치 npm install gh-pages 터미널 창에 yarn build 혹은 npm build 입력 > 압축된거얌! package.json 파일에서 제일 하단에 다음과 같이 적어주고, }, "homepage": "http://miinxxi.github.io/nomard_movieAppPratice" } http:/..

https://nomadcoders.co/react-for-beginners/lobby ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders 왕초보를 위한 React nomadcoders.co 받아온 url의 data대로 title를 클릭하면 알맞은 내용이 보이도록 하겠다. // App.js import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import Detail from "routes/Detail"; import Home from "routes/Home"; function App() { return ( ); } export default App; // Home.js import Movie fr..

https://nomadcoders.co/react-for-beginners/lobby ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders 왕초보를 위한 React nomadcoders.co 영화의 세부정보 보기_페이지 전환하기02_Router // Movie.js import PropTypes from "prop-types" function Movie({coverImage, title, summary, genres }) { return {title} {summary} {genres.map(g => ( {g}))} } Movie.propTypes = { coverImage: PropTypes.string.isRequired, title: PropTypes.string.isReq..

https://nomadcoders.co/react-for-beginners/lobby ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders 왕초보를 위한 React nomadcoders.co fetch로 데이터 받아오기 import { useEffect, useState } from "react"; function App() { const [loading, setLoading] = useState(true); // 영화의 정보를 담음 const[movies, setMovies] = useState([]) useEffect(() => { fetch( `https://yts.mx/api/v2/list_movies.json?minimum_rating=8.8&sort_by=year` ..