profile
천천히 멀리

02장 - 리액트 핵심 요소 살펴보기

2장은 브라우저의 렌더링과 리액트에서의 렌더링을 소개하며 가상DOM과 리액트 파이버에 대해 이야기한다.저자는 성능에 깊게 연구할 시간적 여유가 없다면 일단 의심스러운 곳에는 먼저 다 적용해 볼 것을 권장하고 있다. 조금이라도 로직이 들어간 컴포넌트는 메모이제이션이 성능

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

01장 - 리액트 개발을 위해 꼭 알아야 할 JS

모던 리액트 딥 다이브 스터디로 주에 한 번씩, 1장 단위로 읽고 정리한 내용을 깃허브에 공유하고, 돌아가며 요약한 내용을 발표해보고 궁금했던 점을 이야기 하는 시간을 1월부터 시작했다!나의 깃허브 레포지토리 주소자바스크립트의 데이터 타입원시 타입과 객체 타입원시 타입

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

12월 회고 (2023)

12월은 특정 사이트를 기준으로 목표를 세우고 따라 만들어보고, 이력서와 포트폴리오도 쓰면서 시간이 지났다. 캘린더에 기록을 안했더니 세세히 기억이 안나는 건 어쩔 수 없나보다... 1월은 모던 리액트 딥 다이브 스터디를 시작! 토이 프로젝트를 하면서 내가 부족한 부

2024년 1월 3일
·
0개의 댓글
·
post-thumbnail

[에러] 커머스 사이트 만들며

특정한 이벤트 날짜 종료일과 현재 시간의 차이를 보여주기 위해서 만들던 카운트다운 함수.서버와 클라이언트의 new Date 값이 달라서인지 오류가 떴다. 시간 차를 다루는 것이 처음이라 처음 겪어본 오류!이런 경우는 일관성을 위해서 서버에서 시간을 설정해주고 클라이언트

2023년 12월 8일
·
0개의 댓글
·
post-thumbnail

11월 회고

11월이 사라졌다..!내게 2023년은 유난히 빠른 해 같다. 작년 중순에 일을 그만두고 프론트엔드 개발자가 되고 싶어서 부트캠프를 수료하고, 올해 초에는 나름의 휴식기를 가졌다가 중간 중간 공부를 하고, 정신차려보니 하반기였기 때문일까...11월은 강의를 듣고, 뭔가

2023년 12월 7일
·
0개의 댓글
·
post-thumbnail

[정리] 당근마켓1, 2

당근마켓 클론코딩을 해보고, UI적으로 밋밋해보여서 next 13의 App Router로 다시 한 번 만들어 봤다.홈 화면상품 목록카테고리로 확인할 수 있음 (추가함)동네 생활게시물 작성 가능게시물에 위치를 같이 저장해둬서 자신의 위치와 가까운 게시물 확인 가능.궁금해

2023년 12월 7일
·
0개의 댓글
·
post-thumbnail

[돌멩이] "next-auth/providers"

next auth를 적용해보려는 중에 사소한 문제.https://next-auth.js.org/v3/adapters/prismaprovider를 설정할때 하라는대로 NextAuth.ts를 구성하는데next-auth/providers를 찾을 수 없다고 뜬다.문서

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

[정리]디즈니 플러스

만든 것을 정리해보기!영화나 드라마 시리즈 등을 조회할 수 있는 사이트메인 배너 (랜덤), 유튜브로 연결된 영상 보여주기슬라이드 배너, 클릭 시 모달검색 기능과 상세 페이지검색 내용이 없을 시와 상세 페이지 api 데이터 없는 경우 따로 보여주는 화면 만들기기본적인 r

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

RESTful API와 HTTP

fetch와 axios 차이를 알아보다가 RESTful API와 HTTP까지 알아보게 되고 다음에 또 찾아볼 것 같아서 정리하는 게시물.간단하게 REST를 알아보자면 네트워크 상에서 Client와 Server 사이의 통신 방식 중 하나이고 자원을 이름으로 구분해서 자원

2023년 11월 3일
·
0개의 댓글
·

캐럿마켓 고민한 점

일단 여기 모아두고 나중에 정리하기고민하거나 방법을 선택하고 비교했던 점들이 있던 부분을 메모해두자.쿼리문자열을 이용해서 보낼건데, 수단에 따른 차이가 있다. useSWR로 코드를 작성했는데, Link를 썼으면 편했겠다 싶었지만 비교해보니 나는 카테고리를 누른다고 새로

2023년 11월 2일
·
0개의 댓글
·

[...Git] 깃에 대해서!

git 명령어들 자꾸 까먹는 나를 위해 작성해보자.추가로 git 관련해서 학습한 것들도 메모메모.

2023년 10월 31일
·
0개의 댓글
·
post-thumbnail

10월 회고

취준컴퍼니로 10월 둘째주부터 워킹스페이스 집무실을 이용할 수 있게 되었다. 벌써 10월 마지막이라니!집무실 덕분에 직장인처럼(9 to 6) 생활하는데 너무 큰 도움이 되고있다. 루틴이 잡히니 뭐라도 공부하게 된다..!대강 10월은 이렇게 갔구나.주로 강의를 보거나 개

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

[돌멩이] props로 데이터 주고받고 prisma로 찾기

상품을 업로드 할 때 카테고리를 선택하는 기능을 추가했다. 홈 화면에서 카테고리를 골라서 보는 기능을 추가하는 도중에 좀 헷갈렸던 것들을 기록해보자.일단 홈 화면api/products에서 data를 가져오는 곳에 선택한 값을 전달하고 싶어서 query string으로

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

[돌멩이] RHF과 react-icons

하다가 막힌 곳register를 동적으로 써야하나?상품 업로드시 카테고리를 추가하는 작업을 하고 있었다.RHF을 사용중인데 카테고리가 여러개에서 골라진 녀석을 register 값으로 넣어주고 싶었다.타입오류가 계속 생겨서 고민고민고민.useFieldArray를 알게되어

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

Prisma와 planetscale 함께 사용하기

Prisma와 PlanetScale은 데이터베이스 액세스 및 관리 관련된 기술 스택! 연결을 자주 사용하지 않다보니 금방 까먹어서 그냥 기록해야겠다...DB와 상호작용하기 위한 도구!Node.js와 TypeScript ORM. (prisma는 번역기 같은 존재)JS 혹

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

[당근마켓 클론코딩] 이미지 업로드 처리 2 (Cloudinary)

cloudflare는 유료여서 개인 프로젝트에서 사용 할 무료 방식의 이미지 cdn을 찾아보니 Cloudinary가 있었다.기본적인 사용 방법은 다른분이 작성한 벨로그 게시물을 참고했고 내가 다시 기억하기 쉽게 내 코드를 따로 기록해보자!참고한 Cloudnary 사용

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

[알고리즘] JS 그리디 문제

첫째 줄에 N과 K(거슬러 줄 금액)둘째 줄부터 N개의 줄에 동전의 가치가 주어짐.K원을 만드는 데 필요한 동전 개수 구하기.

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

[알고리즘] JS 정렬 문제

x축에 좌표를 크기 순위로 정렬해야한다.

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

Next Js 이모저모

api/users/me/index.ts 에서 req.session을 확인함libs/client/useUSer.ts 에서 api/users/me을 useSWR로 데이터를 가져옴root에 middleware.tsuseUser보다 더 먼저 실행됨. 쿠키가 없다면 미들웨어가

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

[당근마켓 클론코딩] 이미지 업로드 처리(Cloudflare)

📂api/file 에서 Cloudflare로 uploadURL 받기. form > input type이 file 인 클라이언트 코드에서 onValid 함수에 fetch("/api/file")로 uploadURL 가져오기.자바스크립트로 form 만들고, 유저가 선택한

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