반응형

프로젝트 3

[resumer] zustand persist 사용, 커링 currying

zustand 는 브라우저 메모리에 올라가기 때문에 새로고침을 하거나 창을 닫았다가 끄면 사라진다.간단하게 유저 로그인 상태를 확인하고 유저 정보에 빠르게 접근하기 위해서 zustand 를 사용하는건데,만약 새로고침이나 창을 닫았을때 유저 상태가 날아가버린다면 결국에는 세션으로 다시 상태를 체크해줘야 하고 그러면 zustand 를 사용함으로써 얻을 수 있는 장점이 가려진다는 생각이 들었다. zustand 스토어 생성시 persist 미들웨어를 사용하면 로컬스토리지를 사용해서 위같은 문제를 방지할 수 있다. 공식 문서 예제를 살펴보자 " 함수명()() " 이렇게 생긴 낯선 문법을 발견.분명 예전에 써봤는데 이게 뭐였지 싶어 다시 정리해본다 * Currying 함수함수의 반환값이 함수인 경우. 또는 함수를 ..

[1105]오늘의 플젝 / 프론트구조 바꾸기

어제는 하루종일 모여서 디비 스키마 짜는 회의만 한것같다.. 오늘 해야될거 - 프론트 구조 바꾸기 1. 상품 등록시 일반 구매 / 경매로 따로 나눠서 폼 작성 2. 새로운 상품 옵션 추가 - 색상 / 사이즈 / 옵션1/ 옵션2 /수량/ 가격 - 근데 이 모든 옵션을 가지고 나올 수 있는 경우의 수들을 자바스크립트 코드로 만들라고 하심 -> why? 각 옵션별 수량과 가격을 알기 위해서 예를들어 색상 black / red 사이즈 s / m / l 가 있다고 하면 나올 수 있는 가짓수는 black - s / m / l , red- s / m / l 이렇게 총 6가지. 자바스크립트 스킬로 자동으로 하위 엘리먼트가 생성되게 할 수 있다고 함( ul(색상) > li(사이즈) 이런식 ) - , 기준으로 쪼개서 데이..

[1103] 오늘의 프로젝트 / DB

오늘 해야될거는 1. 썸네일 렌더링 1-2. 삭제 핸들링 2. 파일탐색시 커서 이동 오류 3. 개인정보 제공 동의 체크 / nft input 내용 입력 체크 4. 발행누르기 -> 로딩 -> 마이페이지(나의 nft)로 이동 5. 이미지 업로드 탐색기 열때마다 페이지가 리로드되는 현상 6. 대표 사진 -유저가 i번째 사진을 누르면 그 인덱스 값을 가져와서 해당 사진을 맨 첫번째 순서로 바꾸는 함수(얕은 복사로 복사해서(?)) 를 만들어주는 코드 (formData로 바꾸기 전에) 해결💘 2. 파일탐색시 커서 이동 오류 - input에 require을 줬었는데 파일 탐색기를 열때마다, 그 아래 input에 왜인지 자꾸 require가 실행됐다. 어차피 쓸모가 없을것 같아서 require 지워줌. 그랬더니 깔끔해..

반응형