프로그래머가 되는 꿈

배포하기(2)1. 깃허브에 repository를 만들어라 (깃허브의 repository에 소스코드 올리기) https://github.com/smartpoint02?tab=repositories smartpoint02 - Overviewsmartpoint02 has 6 repositories available. Follow their code on GitHub.github.com 2. db.json이라는 파일 만들기 이미 존재한다! 3. url 링크 바꾸기https://my-json-servet.typicode.com/깃허브 유저 이름/깃허브 리파지토리 이름 let url = `http://localhost:5000/products?q=${searchQuery}`;let url = `http://my..

배포하기 (1)이 프로젝트를 포트폴리오에 넣어보고 싶은데? 리액트 프로젝트를 배포(deploy)하는 법을 알아보자!! let url = `http://localhost:5000/products?q=${searchQuery}`; 다른사람은 데이터를 못본다 ㅜ(왜냐하면 다른 사람들(사용자들)의 컴퓨터에 localhost:5000번이 돌아가고 있지 않다!) 이 json-server는 컴퓨터에서만 돌아가고 있다. (그래서 localhost이) 이제 고민...json-server는 어떻게 배포를 하지?local 말고 어떻게 다른 곳에 배포를 해서 올리지? 쉽게 배포할 수 있는 서비스를 제공하는 사이트 : 1. https://my-json-server.typicode.com/ My JSON Server - Fak..

이제 우리는...쿼리에 있는 글자를 가져와서 읽고 검색하기를 해주어야 한다!ProductAll.js 페이지에서 한다! (그 전에)let url = `http://localhost:5000/products;지금은 모든 데이터를 다 가져온다. 이제는 쿼리,즉 키워드가 있으면 쿼리를 붙여서 데이터 검색을 할것이다. 일단!url에 있는 쿼리값을 읽어오자! useSearchParams 라는 리액트 훅 사용 searchQuery는 q라고 시작하는 아이템을 가져다가 searchQuery에 넣어준다. console창에서 확인해본다. (* getProducts를 통해서 api 호출을 할 때에 그냥 api를 호출하는 것이 아니라 쿼리에 있는 값을 뒤에 넣어줄거다. *) http:// ~ products?q=${sear..

쇼핑몰 웹사이트 만들기에서는를 먼저 실행한 후 끄지 않고 새로운 터미널을 열어서을 입력해서 실행해준다 3000에서 모든 것이 보여진다 여기서는 CTRL+C로 꺼주고 켜주고 왔다갔다 가능!!