💻 프로젝트

✅ 페이지 디자인과 동시에 사용자의 편의성을 고려하며 애니메이션을 적용했어요.✅ 기획 단계 때 flow 차트를 작성해 웹 페이지의 흐름을 파악하고, 이에 맞춰 개발을 진행해 나갔어요.✅ 로그인한 유저와 비로그인 유저 간 기능차이를 고민해봤어요.✅ Firebase Dat

▶️ 클릭 이벤트가 들어가는 요소들에 hover를 넣어줬다.▶️ 전체 보기 버튼이나 엔터, 서치 버튼 이벤트 시 영화 카드가 들어있는 화면을 보여준다.이때, 화면을 넘기는 거 보다 그냥 헤더랑 인풋창을 위로 올리는 식으로 구현했다.▶️ see all을 클릭할 시, ap

영화 API를 이용하여 영화 데이터를 불러와 검색할 수 있으며 각 영화에 리뷰를 남길 수 있는 프로젝트입니다!사이트 바로가기: Movie Night깃허브 바로가기: github 주소2024.05.01 ~ 2024.05.08HTML, JavaScript, CSS연관 검색

나만의 투두리스트를 작성해보세요!내일배움캠프에서 진행하는 react 개인 프로젝트개발 기간 : 05.14~05.16개발 언어 : Reactgithub 링크 : 바로가기localStorage를 이용해서 todolist를 저장, 수정, 삭제 하게 했어요swiper를 사용해

react에서 캐릭터가 이동하는 것을 구현해봤어요

image내일배움캠프 챌린지 반 과제github 주소 : github 바로가기메모 CRUDReact Router v6 : nested router로 상세를 라우트로 구현localStorage API를 이용해서 데이터 보존사용자 입력을 debounce로 처리

내일배움캠프 개인프로젝트개발기간: 2024.05.22 ~ 2024.05.29 (4일간)✅ styled-components 를 이용하여 스타일링 사용하기✅ props drilling, context-api, redux 3가지 방식으로 state 관리하기✅ react-ro

혼자만 알고 있기 아까운 노래, 나만 알고 있는 명곡을 공유하며 의견을 소통해보세요!내일배움캠프 React 팀 프로젝트 개발기간: 2024.05.31 ~ 2024.06.06github: github 주소사이트 방문: Soul Picksupabase로 저장된 데이터를 불

내일배움캠프 개인프로젝트개발기간: 2024.06.10 ~ 2024.06.14 (4일간)사이트 방문하기: money historygithub 방문하기: github 주소프로젝트 설명: 이전에 작업했던 지출관리사이트의 기능을 필수 요구 사항을 충족 시켜서 develop하는

내가 원하는 지역의 카페를 찾아보고, 갔던 카페를 리뷰해보세요!내일배움캠프 팀 프로젝트 아웃소싱주차개발기간 : 2024.06.17~2024.06.21 (5일간)사이트 방문하기 : cafe pin 바로가기github 방문하기 : git hub 바로가기프로젝트 설명 : a

전에 과제로 만들었던 javascript 과제를 typescript 연습을 위해깃허브 주소 : github 바로가기배포 주소 : memoApp 바로가기zustandtailwindcssreact-toastify : alert 창 대신 라이브러리를 사용uuid : 각 me

포켓몬 api를 통해 도감을 만들어봤어요

저희 프로젝트는 중고 도서를 거래할 수 있는 플랫폼으로 현재 북새통에 올라와 있는 책의 정보와 직거래할 수 있는 위치까지 볼 수 있어요.메인페이지 : swiper를 사용해 전체도서목록, 내 위치 도서, 이 두 목록을 10개 씩 볼 수 있게 하였고 더 보기를 통해 해당