axios 썸네일형 리스트형 비전공자의 프로젝트 만들기) Git Hub API를 활용한 유저 검색 서비스 Git Hub API를 활용한 유저 검색 서비스 오늘은 패스트캠퍼스 인강 중에 Github API를 사용해서 유저 검색 서비스를 작업하였습니다. 먼저 완성된 이미지들을 보여드릴께요. 서치박스에 유저를 검색하고 해당 유저의 정보에 검색하는 내용과 동일한 내용이 있는 유저들을 출력하고 info를 눌렀을 때 해당 유저의 정보와 저장소의 리스트들이 출력되는 프로젝트입니다. 코드 리뷰에 앞서 이번 프로젝트에서 사용했던 라이브러리 리스트입니다. mui/material, mui/styled, mui/icons-material axios dayjs zustand react-router-dom 그럼 이제 작업했던 코드를 리뷰해 볼게요. indexjs import React from 'react'; import React.. 더보기 비전공자의 프로젝트 만들기) disneyplus App 만들기 part1 - 구조만들기 DisneyPlus App 만들기 패스트캠퍼스에 디즈니 서비스 앱 만들기 프로젝트를 하였다. 프로젝트 진행 전 the movie db를 사용해서 영화 정보를 받아와 작업해야 되기에 api를 발급받아야 된다. 발급방법은 구글에 검색하면 자세한 설명이 있는 글들이 많은 거 같다. https://www.themoviedb.org/ The Movie Database (TMDB) Welcome. Millions of movies, TV shows and people to discover. Explore now. www.themoviedb.org 먼저 이번에는 api통신을 fetch가 아니라 axios를 사용해서 작업한다. fetch와 axios의 차이점을 상세히 알진 못하지만 axios가 사용하기 좀 더 편하고 .. 더보기 비전공자의 공부일지 - Axios, Styled Component, 동기? 비동기? 현재 패캠에서 프론엔드 웹개발 관련 인강을 듣고 있어서 해당 인강에서 배운 내용을 토대로 복습하는 중입니다. 복습노트 겸 혹시라도 도움이라도 조금 될 수 있을까 하고 블로그에도 같이 글을 작성 중입니다.프로젝트는 추후 프로젝트 카테고리를 생성해서 내용을 정리할 예정입니다. 1. Axios API 통신을 위해 사용되는 라이브러리이다. fetch를 사용해서 통신을 해도 되지만 fetch는 response가 json 형식이 아니라 json으로 변경해 줘야 되는 부분이 있는데 fetch가 많이 없을 때는 괜찮지만 fetch가 많아지고 하면 복잡해지고 하기 때문에 axios를 사용한다. fetch에 관해서는 복습을 하지 않아 기억이 잘 나지 않아 조만간 다시 공부해야 될 것 같다. fetch('http://exa.. 더보기 이전 1 다음
