구어체로 설명하는 다이어리

양방향 제어 슬라이드란?  Swiper의 공식 문서에 따르면 두 스와이퍼가 서로를 제어하는 경우when both Swipers control each other 라고 말하고 있습니다. 즉 첫 번째 배너에서 유저가 슬라이드를 넘기면, 두 번째 배너에서도 슬라이드가 넘어가고, 반대로 두 번째 배너에서 슬라이드를 넘기면 첫 번째 배너도 슬라이드가 넘어가는 경우라고 볼 수 있겠습니다.제 경우에는 이미지 배너가 두 개인 것은 아니었지만 배너가 넘어갈 때 텍스트도 함께 넘겨주고 싶었고 Swiper에서 슬라이드 할 때 fade 효과를 넣을 수 있다는 것을 알고 있었기 때문에, 편의상 좌측 배너 / 우측 텍스트 영역, 이렇게 두 가지를 배너로 만들기로 마음먹었습니다.  그럼 일단 프로젝트에서 Swiper를 다운로드 받..

이슈 파악 과정  서버 측에서 렌더링한 데이터와 클라이언트 측에서 렌더링하는 데이터가 다르면 다음과 같은 hydration error를 볼 수 있는데요.제 경우에는 로컬에서 개발을 마친 후 테스트 서버, 실서버에 배포하면서 이 에러가 시작되었습니다.  처음에는 제 코드에 이상이 있는 줄 알고 코드를 이리저리 수정해 보았습니다만, 잘 생각해보니 로컬 환경에서는 멀쩡히 동작하는데 배포 환경에서만 이슈가 생기는 것이 이상했습니다.또 코드를 만져보며 Day.js를 사용하지 않을 경우 에러가 나지 않는다는 것을 확인했기 때문에 저와 같은 현상을 겪은 사람은 없는지 검색해보았습니다.다행히 금방 찾을 수 있었습니다. 고마워요 구글!  【Next.js】ブラウザのタイムゾーンを変えたら Hydration Error が起きた..

shadcn calendar를 사용할 일이 있었는데 github bugfix가 19시간 전이라 신기해서 찍어두었습니다.기술이 바뀌고 마이그레이션하는 건 늘 있는 일이지만 작업 중 겪고 있는 이슈가 현재진행형으로 해결된 건 처음입니다.    어떤 이슈인가요?  shadcn에서 calendar를 사용하면 빌드할 때 사용하지 않는 props로 인해 lint 에러가 발생합니다.하단은 calendar의 기본 코드입니다. ...components={{ IconLeft: ({ ...props }) => , IconRight: ({ ...props }) => ,}}...  이전 프로젝트를 했을 때는 { ...props } 를 아예 지워 버려 해결했던 기억이 있는데요.같은 이슈로 불편함을 겪은 사람들이 shadcn ..

Vue를 사용해 개발하면서 제가 가장 힘들어했던 부분입니다."차트"별 것 아닌 것 같지만, 누구나 한 번 쯤은 꼭 사용해야 하고, 꼭 필요한 존재. 결론부터 말하자면, 저는 제가 직면한 문제를 풀지 못했기 때문에, 며칠동안 고생하다가 결국 척척박사님께 도움을 받았습니다. 이해만 하면 간단합니다.   시작 그동안 자바스크립트로 통계를 보여주기 위해, 우리는 Chart.js라고 하는 훌륭한 라이브러리를 사용해 왔습니다.그리고 저 같은 병아리 개발자들을 위해서 Vue에서도 Chart.js를 사용할 수 있도록 훌륭한 분들이 이미 손을 써두었습니다.우리는 그걸 설치하기만 하면 되는 겁니다. npm install vue-chartjs chart.js공식문서 https://vue-chartjs.org/ 참고로 Vue..