sjoleee / bemyidol-frontend

BeMyIdol : 내 최애들이 한 그룹이라면?! 나만의 아이돌을 만들고 공유해요 👩‍🎤

🙋 About Me

🧑🏻‍💻 유저에게 좋은 경험을 선사하는 FE 개발자가 되기 위해 노력합니다.
💡 개발 과정에서 다양한 고민을 마주하는 것, 그리고 그 고민을 해결하는 것을 좋아해요.
👍 좋은 코드에 대한 고민에 더해서, 비즈니스적 임팩트까지 신경쓸 수 있는 개발자가 되고 싶어요!
🌱 언제나 배우고, 나누고, 성장하고 싶습니다.

bemyidol-frontend's Issues

아이돌 포지션 선택 기능

선택된 아이돌들의 포지션을 각각 정해줄 수 있는 기능

home 레이아웃 작성

• 버튼

debut페이지 다시만들기 기능

debut페이지 다시만들기 버튼 및 기능

뒤로가기 버튼

casting, setting, debut페이지 뒤로가기 컴포넌트 생성

api 함수 분리하기

src 하위에 apis 폴더를 만들어서 필요한 api 함수를 분리하여 사용하도록 리팩터링

setting페이지 데이터바인딩

실제 선택된 아이돌이 보여질 수 있도록 SelectedMemberStore 데이터를 가져와 데이터바인딩 작업

PR 템플릿 추가

debut페이지 이미지 레이아웃

debut페이지 멤버 숫자별 이미지 레이아웃 구현

debut페이지 이미지 저장기능

debut페이지 이미지 저장버튼 생성 및 기능 구현

아이돌 선택기능 구현

MemberCard를 클릭하면 해당하는 아이돌이 선택되고, 선택된 아이돌의 card는 다르게 표시됨
선택된 아이돌을 하단에서 따로 모아볼 수 있음.
(선택된 아이돌의 card 혹은 하단영역의 선택된 아이돌을 클릭할 경우 선택 해제)

debut페이지 데이터 바인딩

debut페이지에 필요한 데이터를 바인딩

검색기능 구현

이름, 그룹명으로 검색할 수 있는 기능

casting 마크업

global style 작성

아이돌 검색 결과 없을 때 전체 아이돌이 검색되는 이슈

검색어 입력 후 검색 결과가 없을 때 검색 결과 없음 페이지가 뜨면 좋을 것 같습니다
지금은 전체 검색결과가 나와요!

tailwind css setting

setting 페이지 마크업

casting 페이지 무한스크롤 기능

아이돌 수가 많아질 경우를 대비하여 무한스크롤을 통한 성능 개선

아이돌 검색기능 수정(filter -> api호출)

아이돌 수가 많은 경우를 고려하여 모든 아이돌 데이터를 한 번에 받아와서 filter하는 것이 아니라 input에 입력받은 값으로 서버에 데이터를 요청하여 표시해주는 방식으로 수정

github action 설정

vercel 배포

아이돌 센터 선택 기능

선택된 아이돌 중 한명의 센터를 정할 수 있는 기능

main layout 작성

debut 페이지 마크업

debut페이지 공유하기 기능

debut페이지 공유하기 버튼 및 기능

prettier, eslint 설정

저장/공유하기 버튼 두번 이상 안눌리는 이슈

저장/공유하기 라고 되어 있어서 저장도 하고 공유도 하고 싶은데
한번 버튼을 눌러 저장을 한 후 다시 누르면 버튼이 안눌립니다