작업로그

React로 심플다이어리 만들기를 통해 배우기 :)타겟의 value를 가져오는 비슷한 구조일때는 state를 따로 나눠쓰지 않아도 객체를 활용해서 사용할 수 있다.이벤트핸들러도 한개로 활용할 수 있다.다시 입력을 원할 때 focus주는 방식의 useRef 사용법onCh

배열에 직접 추가하고 삭제하는 것이 아님=> 기존 data에 새 데이터를 합치거나 삭제 데이터를 빼준 데이터를 새로운 변수에 담아서 setData를 통해 다시 셋팅(업데이트)함알게된 것props 넘기고 사용하기 (+한단계 더 안에있는 컴포넌트까지 props전달)useR

useEffect(Lifecycle)를 사용하여 컴포넌트 Mount시점에 API를 호출하고 해당 API의 결과값을 일기 데이터의 초기값으로 이용=> 컴포넌트 Mount시 일기 데이터를 로딩JSON placeholder를 사용하여 fetch로 API 가져오기useEffe

기능은 다 구현 되었다 :) 하지만 더 좋은 구현을 위해 컴포넌트 최적화, 상태 변화 로직을 분리해보자!! 1. 컴포넌트 최적화 > useMemo : 재렌더할 때 값이 동일하다면 재사용 useCallback : useMemo와 비슷하지만 함수동작이 동일하다면 재사용

구현하려고 하는 게임 방식 시작 전엔 캐릭터도 움직이지 않음 스타트를 누르면 스타트버튼이 사라지고 점수표가 뜨면서 시작 유령이 내려오고 캐릭터와 부딪히면 점수가 올라감 잡을수록 유령의 스피드가 올라가고 나오는 간격이 짧아짐 유령이 땅에 닿게되면 게임이 끝 게임 실행부

첫 팀프로젝트로 러쉬 클론을 진행 2주라는 짧은 기간안에 개발을 해야하기에 전체적인 UI적 틀과 기획부분만 클론, 코스메틱 -> 원두로 변경 > 팀명(사이트명) : LuBean 팀 구성 : FE 4명, BE 2명 기술 스택 : Back-End > Python, Dja

숨고의 고수와 매칭해준다는 아이템을 모티브로 다시 기획하여개발자들의 프로젝트, 스터디 등을 매칭해주는 사이트로 기획해보았습니다.개발인원 : 프론트엔드 4명, 백엔드 2명개발기간 : 2022/05/09 ~ 2022/05/20FrontEnd : React.js, React

기업협업 진행하며 작업했던 사이트의 Community 부분이며,전체 공개가 불가능하기 때문에 문서화 & 공부가 된 코드 위주로 블로깅 :)카테고리별로 7일이내의 인기글과 전체리스트를 조회할 수 있는 커뮤니티 리스트 페이지 입니다.무한스크롤을 이용하여 추가적인 요청을 하

> React, Node, TypeScript, zustand 기술스택 사용하여 주문서화면과 결제기능 자유 개발. React만 써봤고, TypeScript는 이제 막 시작을 해볼까~ 한 단계라 순간 당황했지만.. 어딜

첫 취업 후 typescript와 zustand를 사용하는 커머스 웹앱 프로젝트를 맡아서 하다보니 데이터를 다룰 때 다양한 오류를 마주하는 것 같다.이제 3주차 인데 남은 일정을 생각하면 급히 처리 해야겠다는 생각으로 작업만 하였었는데, 너무 부담갖지말고 되는 부분까지

부캠에서 children에 대해서 세션을 들었던 적이 있었는데,그때는 이걸 사용 할 일이 많을까? 너무 복잡해 보이는데 ... 라고 생각만하고 지나쳤었다.회사에서 프로젝트를 하다보니 그동안과는 다르게 많은 페이지를 다루면서 비슷한 내용을 다루는 페이지 별 공용 레이아웃

Next13에서 작업그동안 모달을 작업 할 때에는 페이지 내에서 모달을 열고 닫고 할 일만 있었다. (물론 처리가 미흡했던 부분도 있었다)버튼을 누르면 열리고 dimm 또는 닫기 버튼을 두르면 닫힌다.해당 페이지 내에서 모달컴포넌트가 동작하니 페이지 이동을하면 닫히는것

로컬과 netlify를 사용했을땐 잘 작동 되었었는데, amplify로 옮기면서 두가지 이슈가 생겼다. i18n이 깨진다

전글에서 썼던 이슈 중 두번째 이슈인 nextauth 해결하기로컬, netlify배포시 둘다 잘 되었던 로그인이 server error를 뱉는다...로컬에서도 NEXTAUTH_URL 설정으로인해 글을 쓴 적이 있었는데, 또 얘가 말썽일줄이야nextauth 관련해서는 환