profile
React, GraphQL, NodeJs
post-thumbnail

JS - Routing

Vanila Js로 라우팅 처리작업간 DetailPage 라우팅에 에러가 뜨는데 원인을 알 수 없었음.ㄴ 결론은 indexOf 메서드는 문자열의 index값을 반환.ㄴ 시작점이 아닌 경우 0이 아닌 더 큰 값이 나오게 되므로 >= 0로 변경 필요

7일 전
·
0개의 댓글
·
post-thumbnail

JS - location

2022년 8월 10일
·
0개의 댓글
·

React-Router-Dom v6.0.1 이슈

react-router-dom 6.0.1 버전 이슈

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

Context API 사용법

1. Context 파일 만들기 2. Provider 파일 만들기 3. 최상위 컴포넌트 감싸기 4. 가져오기

2021년 9월 20일
·
0개의 댓글
·
post-thumbnail

[Gatsby] File System Route API

GrapQL 데이터를 사용해 동적으로 페이지를 생성하는 방법으로 다음과 같이 사용될 수 있다.src/pages/products/{Product.name}.js => ex) localhost:8000/products/burgersrc/pages/products/{Prod

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

[GraphQL] 00. 간단한 개념정리

API에 대한 Query Language문법의 차이SQL = SELECT \* FROM OOO 와 같은 텍스트형 문법 사용GraphQL = 객체형 문법 사용 호출의 차이 (사용자/권한/예약상황) 호출 상황REST API/api/member/api/auth/api/res

2021년 4월 16일
·
0개의 댓글
·
post-thumbnail

[Gatsby] Gatsby-image-plugin

이미지 사용이 필요할 때 <img> 대신 gatsby-image-plugin 사용

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

VSCode JSX emmet 사용

VSCode에서 신속한 마크업을 위해 Emmet을 사용하시던 분들을 위해JSX 문법에서도 같은 방법으로 Emmet을 사용하실 수 있는 방법을 공유합니다. 환경설정 들어가기 (Ctrl + , / Command + ,)Emmet: Include Languages - 항목

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

[Gatsby] Start

node 설치git 설치gatsby-cli 전역설치 npm install -g gatsby-cligatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-worldsrc/pages 폴더의

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