본문 바로가기

전체 글400

[TIL] 오늘의 개발일지 오늘은 오전에 다같이 프로젝트 빌드 작업을 하고 본격적으로 각자 맡은 업무에 들어갔다. 오후에는 react quill을 만지면서 내내 머리에서 열을 냈던것같다 next + ts 조합에 한번도 안써본 react-quill을 쓰려니 안그래도 머리아픈데 어디서 에러가 나는지도 명확하게 몰랐다 1. 타입 지정 (ref에 계속 타입에러가 떠서 진짜 애먹었다) 2. 사진을 데이터url로 변환해서 react quill 편집기 안에다가 그 이미지 주소로 넣어줘야 하는 과정 3. 비동기함수 실행 순서로 "이전 사진"이 "현재 사진" 처럼 뜨는 에러 발생 1. 천리길도 한걸음부터 ㅎㅅㅎ => 우선 튜터님의 조언대로 익숙한 react로 react-quill 자체가 정상적으로 작동하는지를 해결하였다 일단 react quill.. 2023. 2. 8.
[TIL] 오늘의 개발일지 우째 난 코드만드는거보다 하루종일 회의하는 날이 에너지가 쭉쭉 빨리는거같다 아무래도 어쩔수없이 긴장이 어느정도 되있는 상태고 실시간으로(ㅋㅋㅋ) 계속 생각을 해야하니 그런것같다 최종 팀플이 시작되면서 운동 패턴을 새벽으로 바꿨는데 그래서 그런지 저녁이 되면 기진맥진이넹ㅇㅅㅇ 그래도 난 역시 인복왕인지 >_ 2023. 2. 7.
오류일지 오류현상 : div를 리턴하려 하는데 빨간줄 뜸 오류메세지: 'React' refers to a UMD global, but the current file is a module => 원인이 https://student513.tistory.com/82 'React' refers to a UMD global, but the current file is a module Introducing the New JSX Transform – React Blog Although React 17 doesn’t contain new features, it will provide support for a new version of the JSX transform. In this post, we will describe wha.. 2023. 2. 7.
[TIL] 오늘의 개발일지 드디어!!!! 오늘은 최종프로젝트날!!!! 최종프로젝트에 들어가면서 처음으로 디자이너분과 함께 협업을 해서 프로젝트를 할 수 있는 기회가 와서 설렜다 >_> 아래는 오늘 기획한 세부 기능들 1) 랜딩페이지 버튼 클릭시 페이지 이동(메인페이지 이동) 2) 메인페이지 버튼 클릭시 페이지 이동 로고버튼 → 메인페이지 이동 마이페이지 → 마이페이지 이동 로그인/로그아웃 → 유저 정보 있을시 “로그아웃” , 정보 없을시 “로그인” 토글 햄버거버튼 클릭시 토글기능 (카테고리란 드롭다운) 카테고리란 카테고리 버튼 클릭시 특정 카테고리 레시피 페이지 이동 검색 특정키워드 검색시 해당 키워드 게시물 조회 인기 레시피 북마크 많은 순으로 데이터 정렬/조회 최신 레시피 업로드 날짜 최신순으로 데이터 정렬/조회 글쓰기 버튼 .. 2023. 2. 6.
[WIL] 오늘의 개발일지 오늘은 최종 프로젝트 전날에 앞서 그동안 까먹었던 개념 (다 까먹은거 같은데 이정도면 까먹은게 아닌듯) 쭉 한번 정리하면서 공부를 해보는 시간을 가졌다 검토하면서 내일 회의할 때 어떤 것들을 해야하는지도 다시 한번 정리해보았다 하면서 느끼는게 도대체 내가 제대로 아는게 뭔가 싶은 ㅎㅅㅎ ? 돌아서면 까먹고 돌아서면 까먹고 계속 보는데도 또 새로운 내용이 생기go....생gigo....비비go... 요즘 달려가고 있는 나의 모습은 ㅁ ㅓ랄까.. 달려가기 넘무 무서운데 그냥ㄴ 질끈 감고 달려갈 수 밖에 없어서 달리고 있는 느낌이랄ㄲr.... 어떻게던 되겠지...모 잘 되겠지....ㅎㅅㅎ... 뜬금없는데, 요즘 머릿속에 자주 생각나는 책 내용 "잘" 이라는 글자만 빼도, 오히려 좋은 결과들이 생긴다는 말 생각.. 2023. 2. 5.
다시 한번 짚고 가기 / 리액트 쿼리 복습 리액트 쿼리란? 서버 상태 관리를 도와주는 '라이브러리' 리액트 쿼리 왜썼누 1. 캐쉬 사용 => 그게 queryClient에 저장되는 듯?? 이전 페이지로 돌아왔을 때, 이미 로드되었던 데이터가 캐쉬에 저장되어 재로드 ( API 호출)할 필요가 없다 2. 데이터가 업데이트 되면 자동으로 다시 업데이트를 해줌 React-Query 가 데이터를 Refetching 해오는 상황은 ? 브라우저에 포커스가 들어왔을 경우 (refetchOnWindowFocus) 새로 마운트가 되었을 경우 (refetchOnMount) 네트워크가 끊어졌다가 다시 연결된 경우 (refetchOnReconnect) React-Query 는 캐싱 된 데이터는 항상 stale 하다고 판단하며, stale 상태인 데이터를 Refetchin.. 2023. 2. 5.