2024년 10월 15일 ~ 11월 11일 기간 동안에 우아한테크코스 7기 프리코스에 참여합니다. 프리코스 기간인 4주를 의미있게 보내기 위해서 매주 회고를 작성하겠습니다.과제 진행 소감에는 미션을 진행하면서 느끼고 배운 점, 많은 시간을 투자한 부분 등도 포함하면 더
🙋 이 문서를 보고 나면 MSW를 활용한 Mocking 작업을 할 수 있다. 백엔드의 API 작업을 기다리지 않고 구현할 수 있다. 임의적으로 API를 만들고 데이터를 넘겨받을 수 있다. 👨🚀 이 기능이 필요한 이유는? 백엔드에서 데이터를 받을 수 없는 상
🙋 이 문서를 보고 나면 자연스러운 스크롤링의 Bottom Sheet를 구현할 수 있다. 네이버 지도와 유사한 Bottom Sheet를 구현할 수 있다. 모바일 웹 뷰에서 Bottom Sheet가 갖는 문제를 해결할 수 있다. 👨🚀 이 기능이 필요한 이유는?
🎯 목적 코어 자바스크립트, 데이터 타입 1장을 읽고 퀴즈를 만들었습니다. 책을 다시 읽지 않더라도, 퀴즈를 풀면서 가볍게 내용을 상기시키는 것이 목적입니다. ☕️ 참고 삽입되지 않는 이미지는 맨아래에 다시 첨부했습니다! 📝 퀴즈 ![](https://velo
"죄송합니다. 비주점 데이터가 바뀌었어요!"예상에 없던 관리자 페이지가 절실했습니다. 배달의 민족을 사용해보면, 리스트에서 원하는 가게를 선택해서 보고 리스트로 다시 돌아와도 불편함이 없습니다.이유는 원하는 가게를 선택하기 전에 리스트에 있던 위치를 기억하고, 그 위치
처음에는 실수를 했습니다. 피그마와 '비슷하게' 개발을 하면 된다고 생각했습니다. 하지만 굵기, 크기, 간격 등 모든 것이 예쁘게 보일 수 있도록 설계된 것이었습니다.저는 이 부분을 간과했고 피그마를 천천히 다시보면서 모든 부분을 피그마와 동일하게 수정했습니다.모든 부
swiperjs 라이브러리를 이용해서 React로 스와이퍼 구현할 수 있다.
이미지 최적화를 통해서 애플리케이션 속도를 개선할 수 있다.이미지 최적화를 위한 다양한 방법에 대해 알 수 있다.아래 내용들을 잘 고려하신다면 사용성면에서 더 매끄럽게 만드실 수 있을 것입니다.우선, 이미지가 많다기 보다 첫 페이지 로딩이 긴건 에셋들의 크기가 커서 문
🙋 이 문서를 보고 나면 이전 페이지로 돌아가면, 이전에 있던 위치로 이동하게 할 수 있다. 이전에 있던 위치로 부드러운 스크롤링으로 이동시킬 수 있다. 인프런처럼 구현할 수 있다. 👨🚀 이 기능이 필요한 이유는? 베타 서비스 기간동안 가장 많이 요청받았던
웹 브라우저에 링크 공유하기를 구현할 수 있다.모든 웹 브라우저의 호환성을 고려한 링크 공유하기를 구현할 수 있다.
유저 이탈 방지를 위한 방법으로 로딩 화면을 고려할 수 있다.사용자 경험에 도움이 되는 로딩 화면을 알 수 있다.스켈레톤 로딩을 구현할 수 있다.저희 애플리케이션은 화면을 처음 그리는데 평균 1.6초, 완벽하게 그리는데 평균 1.72초가 걸립니다.실제로 사용해보면 로딩
2023년 4월 ~ 6월: 메가테라 프론트엔드 수강 (교육)2023년 9월 ~ 2024년 5월: 축제 애플리케이션 개발 (팀 프로젝트)2024년 2월 ~ 2024년 4월: 클린코드 with React 수강 (교육)작년부터 올해 상반기는 기술을 써보며 익히는 시간이었습니
제목은 '팀원들과 사이좋게 지내는 방법'이지만, 사실 이를 통해서 타인을 대하는 자세에 대해서도 돌아보게 되었다.