profile
Frontend Ninja
post-thumbnail

[RandomUserApplication NINJA] ExploreUsers 페이지 디자인 & 데이터구조 (6)

다음과 같이 폴더에 favicon을 넣고public/index.html 다음라인을 수정하면된다.public 폴더의 이미지 파일들을 삭제한 후 다음과 같은 에러가 난다면?지운 이미지에 해당하는 라인을 지운다.ExploreUserPageContent 아래에 여러개의 Use

2021년 5월 13일
·
0개의 댓글
post-thumbnail

[RandomUserApplication NINJA] ExploreUsers 페이지 useSWR 지식 (5)

SWRconfig 컴포넌트를 사용하여 적용한다.하위 컴포넌트에 같은 옵션을 적용시켜 요청. 오버라이딩도 가능하다!비동기 요청은 보통 오류를 try-catch문으로 제어한다. 그럼 fetcher를 구현해놓고 사용하는 useSWR의 경우는 어떻게 할까?다음 코드를 보자.다

2021년 5월 12일
·
0개의 댓글
post-thumbnail

[RandomUserApplication NINJA] ExploreUsers 페이지 useSWR로 데이터 받아오기 (4)

다음의 명령문을 입력한다.설치가 끝난 후 프로젝트 내부 파일에서 다음과 같이 import하면 사용 가능하다.우선 데이터를 fetch해올 fetcher 함수를 만든다그런 다음 useSWR 함수 구성 요소 내에서 가져와 다음처럼 사용 가능.매 데이터 요청이 필요한 컴포넌트

2021년 5월 11일
·
0개의 댓글
post-thumbnail

[RandomUserApplication NINJA] 헤더 푸터 셋팅 & 랜딩 페이지 (4)

historyLink useHistoryuseParamsuseLocationreact history pushreact-router-dom hooksa태그 새창

2021년 5월 10일
·
0개의 댓글
post-thumbnail

[RandomUserApplication NINJA] 배포하기 (3)

다음은 배포한 사이트 링크이다.랜덤 유저 어플리케이션CRA로 리액트 앱 생성깃허브 레포지토리 Vercel에 등록를 클릭해보자다음과 같은 화면이 출력된다. ( 이미 깃허브 레포지토리를 등록해놓은 상황이다 )레포지토리를 등록한 후 import를 누르면 배포 완료https&

2021년 5월 7일
·
0개의 댓글
post-thumbnail

[RandomUserApplication NINJA] 스토리북을 활용한 아토믹디자인패턴 적용 (2)

아토믹 디자인에 관심이 생겨 이번 프로젝트를 핑계삼아 공부해보려고한다. (적용하면서)우선 폴더 구조는 다음과 같다.다음의 4단계로 아토믹 디자인을 구현할 예정이다.다음은 스토리북 적용기이다.Storybook은 개발 모드에서 앱과 함께 실행됩니다. 이것은 비즈니스 로직과

2021년 5월 6일
·
0개의 댓글
post-thumbnail

[RandomUserApplication NINJA] 기본 셋팅 하기 (1)

다음 프로젝트는 웹팩설정부터 차근차근 해보자( CRA 지양하기 )src/style/global.jssrc/style/theme.jssrc/index.jsexample react boiler plate 을 참고하였습니다 🙏 여기를 참고하였습니다.Switch와 Route

2021년 5월 4일
·
0개의 댓글