프로그래머스 프론트엔드 데브매칭
1.프로그래머스 데브매칭 에러핸들링
깃허브 repository에러의 종류1 server로부터 전달는 상태 에러2 개발자의 잘못된 코드 작성 또는 의도치 않은 코드 실행에 의한 에러3 개발자가 유저에게 에러를 알리기 위해 의도적으로 throw한 에러개발자와 유저의 에러 확인 방법개발자1.1 개발 중cons
2.프로그래머스 프론트엔드 데브매칭 고양이 사이트 정리
깃허브 repository고양이를 좋아하는 당신은 고양이 사진 전용 검색 웹사이트를 운영하고 있었습니다. 지금까지는 혼자 소소하게 운영해왔는데, 생각보다 고양이 사진을 원하는 사람들이 많아지면서 해결해야 할 문제들이 하나씩 드러나기 시작했어요. 몇 개의 문제는 금세 고
3.프로그래머스 데브매칭 api요청 및 에러 처리 쉽게 하기
깃허브 repository같은 주소의 데이터를 요청할 경우 반복해서 서버로 데이터를 요청할 필요가 없다.react-query를 사용해보진 못했지만 유사하게 구현해봄 데이터 요청 시, 요청함수/요첨함수인자/결과값을 캐싱하고 이미 요청한 주소일 경우 캐싱해둔 값을 리턴현
4.프로그래머스 데브매칭 무한스크롤
깃허브 repository여러 방법 중 Intersection Observer API 사용loading 속성의 경우 width : 100% 적용 시 width,height가 없어 레이지 로딩 불가observeBottomOf.js : element의 아래 부분에 도달할
5.프로그래머스 데브매칭 무한 캐러셀
무한 루프 지원자동 재생 지원자동 재생과 슬라이드 이동 버튼 간의 간섭 X버튼으로 슬라이드 이동 시 이동 방향으로 자동 재생 방향 전환슬라이드 width 자동 조절carousel wrapper 크기와 보여줄 슬라이드 개수에 기반해 슬라이드 크기 자동 조절윈도우 리사이징
6.프로그래머스 데브매칭 반응형 무한 캐러셀
모바일 이벤트 지원 추가스와이핑 모션 빠르기에 비례해 슬라이드 이동자동 재생 지원무한 캐러셀touch시 터치된 위치/시간 저장, autoplay일 경우 autoTimeout 삭제touch종료 시 터치된 지난 시간 , 이동한 위치, 속도를 이용해 대략적인 힘(force)