아래는 프로젝트 진행중에 발생했던 이슈.border-bottom을 보였다 안보였다할 때, 뭔가 아주 살짝씩 placeholder에 있는 글이 움직이는 걸 볼 수 있다.현재 구현방법은 focus가 되었을 때, 테두리의 굵기, 스타일, 컬러를 한번에 지정하는 방식이다.bo
dayjs에서 다양한 format을 제공한다.dayjs().format(”DDMMYYYY”) 으로 변경해서 사용했는데,서버에게 전달하거나 state값으로 저장할 때는 자바스크립트에서 제공하는 Date 객체로 변경해야 하는 상황이 생겼다.이때 dayjs(”18032022
현재 구현되어있는 상황은 다음과 같다.input에 포커스되어있는 상황에서 enter를 누르거나, submit버튼을 누르면 onsubmit이벤트가 발동되어 서버에 저장되도록 구현했다. 그리고 성공적으로 데이터베이스에 저장되었다면 snackbar형식으로 알림을 띄워준다.이
웹 접근성 개선을 위해 focus되어있는 요소에 outline을 넣는 작업을 하고있었다.대부분 클릭 가능한 요소들은 button으로 만들게되는데, 재사용 컴포넌트로 만든 chip 컴포넌트가 예외였다.chip컴포넌트는 onClick 프롭을 옵셔널로 전달받는데, 전달받을
^^...;; 나름 신중히 검토하고 1차배포했다고 생각했는데 빌드과정에서 오류폭탄남 하나씩 해결해보자... ❌ pages폴더 내에 styled파일이 있는 경우 next.js 프레임워크의 경우, pages파일안에 있는 루트대로 페이지를 생성해주는 아주 편한 기능을 가
리덕스 로거를 보면, 액션에서는 분명데이터가 data/GET_PUBLIC_TASKS가 38개, data/GET_GOALS_BY_IDS가 9개로 배열에 저장되어있다.원하는 동작은 비어있는 initial store에, 이 값을 저장하는 것 이었는데 prev state를 보
프로젝트를 진행했던 깃허브 레포지토리는 organization 레포지토리였다.초기에 배포가 쉽고 간단한 vercel을 사용해 배포하기로하고, 프로젝트를 진행했는데 organization레포지토리는 유료제(정확히는 정해진 기간만 무료)인걸 나중에 알았다.그래서 개인 레
프로젝트로 만든 "칭찬이 필요해" 웹사이트의 첫 페이지에서 여러 사람의 글을 모아볼 수 있다. 그리고 이렇게 맘에 드는 기록에 칭찬버튼을 누를 수 있다. 그런데 한번 누를때마다 너무 느려서 Profiler를 통해 성능을 측정해보았다. 리팩토링 전 성능측정 크롬
https://community.auth0.com/t/auth0-with-next-auth-running-locally-but-not-on-vercel/58635