Zoe's Coding Log

본문 바로가기

👇 이 블로그에서 가장 볼만한 콘텐츠들!

개발 공부

👩‍💻 개발 공부 [Git] 깃허브 빌드 X 표시 / 빌드 실패 / All checks have failed 프로젝트 배포 후 git action을 추가한 뒤, 계속 github상에서 빌드가 잘 되다가 갑자기 연동이 안될때가 있었다. 일단 깃허브 레포지토리 메인에서 저 commits 버튼을 눌러서 커밋 리스트로 들어가자. 저 X표시를 누르면 이런 팝업이 뜬다. Details를 눌러서 자세히 보도록 하자. 그러면 아래와 같이 Build 실패 요인이 비교적 자세하게 나온다. 이걸 꼼꼼히!!! 읽어보고 원인을 찾아야 한다. 나의 경우에는 Swiper 경로 문제였다. 수정해주고 push하니 바로 체크 표시가 뜸 npm start 시 아무 문제가 없었다고 하더라도 이처럼 빌드 실패 가능성이 있으니 배포된 페이지가 연동이 되지 않는다면 깃허브를 확인할 것!
👩‍💻 개발 공부 [React/Typescript] TS2307: Cannot find module 'swiper' or its corresponding type declarations. 기존 프로젝트에 슬라이더를 만드려고 시도. swiper 써야되는데 자꾸 에러가 났다 Error : TS2307: Cannot find module 'swiper' or its corresponding type declarations. 해결 방법 1. npm i @types/swiper 설치 2. tsconfig.json 파일에 types를 추가한다. { "compilerOptions": { "types": ["react-transition-group"], // 이거 추가하니 에러가 사라짐 ... } }
👩‍💻 개발 공부 [React] Swiper Effect 정리 - Cards, Coverflow, Creative, Cube, Fade, Flip 알고리즘 떄문에 개발유튜브 보다가 swiper가 뜨길래 봤는데, 재미있어보이길래 포트폴리오를 만드는 중이다 사용해보다가 전환효과 (effect)의 종류별로 뭐가 다른건지 궁금했는데, 한번에 다 비교해놓은 글이 없길래 그냥 내가 하나씩 해봤다. 자세히 보고 싶은 분들은 공홈의 데모를 보셔도 된다 https://swiperjs.com/demos#effect-fade Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Effect에는 cards, coverflow, creative, cube, fade, f..

UX study

Software

Algorithm study

티스토리툴바