async 썸네일형 리스트형 비전공자의 프로젝트 만들기) 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가 사용하기 좀 더 편하고 .. 더보기 비전공자의 프로젝트 만들기) Blog - MarkDown, NextJS, TypeScript, React, Remark, RemarkHtml 블로그 프로젝트 만들어보기 cna(create-next-app)에 TypeScript 템플릿을 적용해서 설치해주었다. markdown Markdown은 텍스트 기반의 마크업 언어로 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다. 마크다운이 최근 각광받기 시작한 이유는 깃헙에서 사용하는 ReadME.md 덕분인데 마크다운을 통해 설치방법, 소스코드 설명, 이슈 등을 간단하게 기록하고 가독성을 높일 수 있다는 강점이 부각되었다. 예제 md파일은 NextJS 블로그 만들기에서 가져왔다. https://nextjs.org/learn/basics/data-fetching/b.. 더보기 이전 1 다음
