파이널프로젝트

logoDonate + Gifticon = Donorticon팀원들과 회의를 하다보니, 기프티콘을 쓰지 않고 내비러 두다가유효기간이 다되어서 못쓰는 경우가 있다고 했다. 나같은 경우에는, 아주 알뜰살뜰하게 ㅎㅎ 다 쓰기 때문에 😅 굉장의 의아했던 부분이었다. 그래서

⭐️ 프로젝트 초기 세팅 1. README.md 작성 코드스테이츠에서 레퍼런스로 준 다른 프로젝트의 README.md를 참고삼아 작성한 우리팀의 README.md! 프로젝트 마무리 단계에서, 해야할 일들! Donorticon Hompage룰 실제 홈페이지 링크로 변

오늘 내가 작업한 헤더를 요약해보면 아래와 같다.컴퓨터/태블릿 뷰로그인 상태로그아웃 상태모바일 뷰로그인 상태로그아웃 상태semi-final때도 헤더부분을 내가 작업했기에, 이 부분은 쉽게 진행할 수 있었다.NO PROBLEM 😏문제는 모바일 뷰였다...😭이 부분에서

👻 google login 1. 구글 API 등록 구글 API 등록 링크 접속 후, 프로젝트 생성한다. 그 후에 API 및 서비스로 이동 후, OAuth 동의 화면 선택! 프로젝트 이름 옆에 위치한, 앱 수정 버튼 클릭 범위 추가 또는 삭제 버튼을 클릭해서 필요한

카카오 API 등록 링크 접속 후, 카카오 아이디로 로그인 화면 상단에 내 애플리케이션 클릭

Donorticon 헤더의 기부하기를 클릭하면로그인을 하지 않은 상태에서도, 아래 사진처럼등록되어 있는 전체 Helper 목록을 조회 할 수 있다. 이번 포스팅은 Helper 카테고리에 따른 filtering 기능 구현에 관련된 것이다.팀원들과 상의를 해서 만든 API

🗂 Pagination Pagination에 대한 코드 구현이 막막해서 codesandbox에서 관련된 코드를 서칭해보았다. 여러가지 샘플 코드들 중에서, 제일 마음에 드는 코드를 복사해서 사용했는데, 처음 보는 문법이었기에 어떤 문법을 사용한건지 그리고 코드가 구현

이전 포스팅에서는 Pagination 컴포넌트에 대한 설명을 했고,이번 포스팅에서는 서버측 설정에 대해 설명한 후, createPagination.js에 대해 설명을 하고자 한다.우선 Helper 전체 목록을 불러오는 코드를 보면서 설명을 하겠다.설명 1클라이언트 측에

우리 프로젝트 헤더의 로그인과 회원가입 버튼을 누르면,아래와 같이 모달창이 뜨는 구조이다.기존 구현되어 있던 코드로도 충분히 모달창 밖을 클릭하면,모달창이 잘 닫혔지만 한가지 문제점이 발생했다.그것은 바로바로.... 모달창의 버튼 바깥 부분을 누르면 모달창 역시 닫혀버