일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 잠실새내
- 홍대 카페 장쌤
- 도그존
- 신촌 소문난집
- 금별맥주
- promise처리
- graphql 400
- 고르드
- 화이트해커를 위한 웹 해킹의 기술
- graphql
- 화이트 해커를 위한 웹 해킹의 기술
- apollo react native
- 앙버터마카롱
- 잠실새내 도그존
- typescript
- 비동기배열
- 지보싶 신촌점
- 홍대 예술
- 토라비
- graphql with reactnative
- graphql with RN
- apolloclient
- graphql mutation error
- 운정 소바동
- 비동기배열처리방법
- 홍대 토라비
- useMutation error
- promise메서드
- graphql react native
- 예쁜술집 예술
- Today
- Total
목록전체 글 (150)
yehey's 공부 노트 \n ο(=•ω<=)ρ⌒☆
Today I Learned : React query 라이브러리를 Next js 에 적용하고 사용해보았다. 배경 프로젝트 진행 중 서버와 api 통신 과정을 react query + axios를 이용하여 진행하기로 하였다. fetch 가 Next 공식 문서 상에 있지만 기본 url 정보나 인터셉터 등등을 지정해놓고 사용하기에는 axios 가 더 적절하다고 판단했다. 굳이 react query를 사용한 이유는 서버 데이터 관리, 캐싱 등을 통해 성능을 높일 수 있다고 생각하여 한번 적용해보고자 했다. 동일한 데이터 요청을 중복으로 처리하지 않고 기존 응답 값을 캐싱하고 캐싱 값을 사용한다는 점에서 시도해볼 가치가 있다고 생각해서 적용했다. 그리고 무엇보다 hook 과 비슷한 구조를 가지고 있어서 초기 학습..
Background Typescript 기반으로 Next, styled-components 를 사용해서 개발 중 constant 값에 변수로 접근해야하는 경우가 있었다. 그런데 타입스크립트에서 object를 변수로 접근하려니 typescript warning? error 가 발생했다. Issue / Error 현재 color 를 정해놓고 color.ts 에 두고 필요한 곳에서 불러서 사용하고 있다. // color.ts export const WHITE = '#FFFFFF'; export const BLACK = '#000000'; export const GREY = { 100: '#B3B3B3', 200: '#4E4E4E', 300: '#..
Background icon을 추가하면서 기존에는 필요한 svg 파일을 다운받아 사용했는데, 이번 프로젝트에서는 정해진 아이콘 없이 이것저것 사용해보고 잘 맞는 아이콘을 적용하고 싶었다. 그래서 google 에서 지원하는 google material icon 을 사용하기로 했다. 현재 프로젝트는 Next.js Approuter 를 사용하고 있다. Contents https://fonts.google.com/icons Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design v..
Background next js 를 app router 프로젝트로 시작했다. 그리고 styled-component로 스타일링 하는 것을 선호하기 때문에 설치 후 적용하면서 겪었던 모든 에러를 정리하고자... 쓴다.... (굉장히 다양하게 만남...^^) Issue 1 : use client 에러 // app/layout.tsx import styled, { ThemeProvider } from 'styled-components'; import { theme, GlobalStyle } from '@/styles'; import Header from '@/components/Header'; export default function RootLayout({ children }: { children: Reac..
배경 2023.11.29 - [개발/프로젝트] - [BE/restful] 백엔드 스택, DB 정하기 다시 한번 프로젝트의 목적을 쓰자면, 1. 나의 학습!! 새로운거 배우고, 해봤던건 더 잘 쓸 수 있는 방법 찾아보기 2. 사용자(우리 언니)가 원하는 서비스를 제공하기 크게 두가지 큰 목표가 있다. 프론트엔드 스택은 크게 2가지를 고민했다. React vs Next 이렇게 두가지 사실 좀 더 익숙한 React를 사용하면 분명 원하는 대로 개발이 가능할 것이고 더 빨랐을 것이다. 그치만 Next의 SSR이 호평을 많이 받았기 때문에 안해볼 수 없었다. 사실 문서만 읽어서는 감이 안와서 꼭 한번 프로젝트로 진행하고 싶다는 생각을 했다. 그래서 Next를 골랐다. 1. 라이브러리인 React는 개발자가 구조를..