post-thumbnail

Next.js image error

data를 맵핑하여 사진과 이름 띄우기 中.공식문서를 찾아보니 img태그를 쓰지 말고 Image로 import해서 사용하라고 나와있어서 써봤더니 엄청난 오류가 나서 일단 img로만 넣어 놨다.터미널에 뜨는 error 링크로 들어가니 next.config.js 파일에서

4일 전
·
0개의 댓글
·

redirect vs rewrites

둘 다 새로운 경로로 user를 redirect시키는데 차이점이 있다.URL이 바뀌어 user가 인식할 수 있다.true - 클라이언트/검색 엔진에 리디렉션을 영원히 캐시하도록 지시하는 308 상태 코드를 사용하는 경우.false - 일시적이고 캐시되지 않는 307 상

5일 전
·
0개의 댓글
·

Next.js 렌더링 과정

React.js는 Client-Side-Rendering방식으로 <div>root</div>를 우선 불러오고 뒤에 자바스크립트파일을 불러오기 때문에 인터넷이 느린 경우 유저가 빈 화면만 보게 된다.CSR브라우저가 유저가 보는 Ui를 만든다.브라우저가 HTML

6일 전
·
0개의 댓글
·

2023-01-29 1월 넷째주 마무리

리액트 프로젝트 마무리우리 조는 지도api를 이용해서 동물 관련 장소들만 정보를 띄우고 지도에 마커표시를 하는 것이 목표였는데 생각보다 다른 것에 시간을 많이 뺏겨 결국 시도도 제대로 못했다. 내가 더 잘했다면 다른 걸 빨리 처리하고 해봤을 텐데 이번만큼 아쉬웠던 적이

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

css 간편하게 보기(feat. 개발자도구를 잘 활용하자)

동그라미친 부분을 클릭 후 체크표시한 부분을 누르면 아래처럼 팝업창이 뜨는데저기서 하나씩 눌러보면 css적용한 걸 미리 볼 수 있다다들 아는데 나만 몰랐던 사실여태까지 코드 하나씩 넣어보면서 찾았던 세월이 너무 억울하다

2023년 1월 26일
·
0개의 댓글
·

2023-01-22 1월 셋째주 마무리

타입스크립트 프로젝트 시작카카오맵 api로 검색한 업체 데이터 정보 화면에 불러오기, 해당 업체에 대한 리뷰쓰기 및 리뷰목록 불러오기를 맡았다.카카오맵 api docs가 친절하게 안내되어 있어 구현하는데 큰 어려움은 현재 없음.프로젝트 마무리Next.js 공부

2023년 1월 25일
·
2개의 댓글
·
post-thumbnail

React query TypeError: Cannot read property 'queries' of undefined

리액트 쿼리 강의를 듣던 중 최신버전인 @tanstack으로 설치하고 진행했는데 error query fn이 떴다버전 문제인 것 같아 @tanstack으로 설치한 query, devtools 패키지 모두 제거하고 이전 버전인 react-query로 진행 후 보게 된 에

2023년 1월 24일
·
0개의 댓글
·

즉시실행함수

일반적인 함수표현식을 -> function(){ ... } 괄호로 감싸고 -> ( function(){ ... } ) 함수 실행을 뜻하는 (); 를 뒤에 추가하여 -> ( function(){ ... } )();

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

React.Fc, Type inference

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

useEffect(feat. React)

2023년 1월 19일
·
0개의 댓글
·

React & Typescript로 todolist만들기 - addTodo

submit후 input창 텍스트 초기화 시키기input창 클릭시 남아있던 기존 텍스트가 제출되는 버그 고치기

2023년 1월 17일
·
0개의 댓글
·

Typescript 기본타입

index별로 Type이 다를 때 사용한다.함수에서 아무것도 반환하지 않을 때 사용한다.항상 error를 반환하거나 영원히 끝나지 않는 함수의 타입으로 사용특정값만 입력할 수 있게 강제하고 싶을 때, 그 값들이 공통점이 있을 때 사용

2023년 1월 16일
·
0개의 댓글
·

2023-01-15 1월 둘째주 마무리

리액트 네이티브 팀프로젝트 마무리공연문화앱을 만들었는데 발표까지 잘 마무리되었다.Review 로직을 구현할 때 난 전체 리뷰리스트와 사용자 리뷰리스트를 따로 데이터로 저장했는데 그러면 서버가 무거워질 수 있다고 로그인한 userId와 리뷰데이터에 있는 userId를 비

2023년 1월 15일
·
0개의 댓글
·

헷갈리는 논리 연산자 정리

데이터타입을 boolean 타입으로 명시적으로 형 변환(Type Conversion)하기 위해 사용undefined나 null 값을 false로 형변환ex) A ?? BA가 null이거나 undefined이면 B를 반환하고, 그 외에는 A를 반환= 옵셔널 체이닝.?.의

2023년 1월 15일
·
0개의 댓글
·

Log) VirtualizedList (feat. ScrollView vs FlatList vs RecyclerListView 차이)

앱을 실행시키는 중 Log에 찍힌 수상한 메세지.화면에 보이지않는 부분까지 모든 data를 렌더링한다(초기 렌더링 시간이 오래걸림)많은 양의 data를 불러올 경우 버벅임, 렌더링 지연으로 빈 화면만 보일 수 있다자식컴포넌트에서 크기 조절 가능화면에 보이는 부분까지 d

2023년 1월 12일
·
0개의 댓글
·

react native Error : The action "NAVIGATE" with payload 두번째

UI를 수정하였다.리뷰누르기 → 리뷰상세페이지가 새로운 창(stacks)으로 뜸 → 수정 후 상세페이지에서 업데이트된 내용확인이런 순서였는데상세페이지를 없애고 리뷰에서 수정/삭제 선택창 모달띄우기 → 삭제를 누르면 그대로 삭제가 되고 수정을 누르면 새로운 창(stack

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

react native Error : The action "NAVIGATE" with payload

리액트 네이티브 개발 중 만난 에러.버튼을 누르면 Review페이지로 이동해야 하는데 저 에러가 뜨면서 화면이 멈췄다.Review페이지로 넘어가는 navigate 사용은 총 두 군데.문제는 Stacks.js에 잘 정의되어있고 한 페이지에서는 navigate로 잘 넘어가

2023년 1월 10일
·
0개의 댓글
·

2023-01-08 1월 첫째주 마무리

리액트 네이티브로 todolist만들기 및 영화앱 리뷰 crud구현리액트 네이티브 팀프로젝트 시작리액트를 공부했으니 리액트 네이티브? 쉽겠지ㅎㅎ했는데 앱개발이 왜 까다롭다고 하는지 온몸으로 실감하는 중리액트쿼리를 사용하는데 아직 이해하지 못하고 그냥 따라치는 수준이다.

2023년 1월 8일
·
2개의 댓글
·