antd css framework (2) 썸네일형 리스트형 카드 만들기 카드를 만들기 전에 틀을 조금 짜주자. 밑에 코드는 LandingPage.js의 return 부분이다. return ( Let's Travel Anywhere {/* Filter */} {/* Search */} 더보기 ) 카드 컴포넌트를 사용할 때 저런식으로 넣어주면 되지만, 여러 개를 사용할 경우 일일이 컴포넌트를 계속해서 추가해 줄 필요가 없다. 그래서 useState를 이용하여 서버로부터 받은 product들을 state로 저장해서 map함수를 이용하여 간결하게 코드를 구현해 줄 수 있다. 강의에서는 해당 구현 파트를 따로 함수로 구현해서 더욱 간결하게 코드를 구현했다. import axios from 'axios'; import React, { useEffect, useState } from '.. Proxy Server & Concurrently & Antd CSS FrameWork Proxy Server의 관해선 밑에 파일의 23페이지에 나와있다. 참고 사이트 https://fomaios.tistory.com/entry/Network-%ED%94%84%EB%A1%9D%EC%8B%9C-%EC%84%9C%EB%B2%84%EB%9E%80-feat-%ED%95%84%EC%9A%94%ED%95%9C-%EC%9D%B4%EC%9C%A0-What-is-a-Proxy-server [Network] 프록시 서버란? (feat. 필요한 이유) (What is a Proxy server?) Proxy란? Proxy는 사전적 의미로 "대리" 하는 것을 뜻한다. 컴퓨터 과학적인 의미로는 프로토콜 상에서 무엇인가를 대신하는 것을 뜻한다. Proxy 서버 프록시 서버는 클라이언트에서 서버로 접속을 fomaio.. 이전 1 다음
