미리보기

Introduction (진행 과정 보러가기)

영어 단어를 공부할 때 이용하는 Quizlet처럼, 개발자들도 기술 면접 준비를 할 수 있는 서비스가 있었으면 좋겠다는 의도로 시작되었습니다.

문제집을 통해 기술 면접을 준비할 수 있으며, 스터디방을 통해 스터디에 참여하여 다른 사람들과 함께 공부할 수도 있습니다. 부족한 부분은 문제 평가 뒤, 마이 페이지에서 다시 한 번 학습할 수도 있습니다.

What I did

• axios를 사용하여 로그인과 회원 가입 기능을 구현했습니다.
• 코드에 URL을 직접 포함시킬 시, 백엔드에 대한 악의적 공격이나 정보 노출이 있기 때문에 이를 방지하기 위해 .env 파일을 생성해 백엔드 URL을 추가했습니다.
• Custom Hook인 useModal, usePagnation을 만들어 전체 프로젝트에서 재사용 가능하도록 구현했습니다.
• 현재 스터디방 페이지를 구현 중입니다.

What I did

• axios를 사용하여 로그인과 회원 가입 기능을 구현했습니다.
• 코드에 URL을 직접 포함시킬 시, 백엔드에 대한 악의적 공격이나 정보 노출이 있기 때문에 이를 방지하기 위해 .env 파일을 생성해 백엔드 URL을 추가했습니다.
• Custom Hook인 useModal, usePagnation을 만들어 전체 프로젝트에서 재사용 가능하도록 구현했습니다.
• 현재 스터디방 페이지를 구현 중입니다.

Introcution

반려 동물을 자랑하고 싶을 때, Animal World를 통해 자랑할 수 있습니다. 본인의 반려 동물 자랑 외에도 다른 사람들의 글을 구경할 수 있습니다. 별도의 로그인 과정 없이 비밀번호 등록 후 글을 등록할 수 있습니다. 댓글 또한 비밀번호 등록 후에 작성할 수 있습니다. 검색창을 통해 찾고 싶은 글을 찾을 수도 있습니다.

What I did

• Team Leader - 팀 노션 페이지 관리, 스케줄 관리
• 게시글 CRUD
  • redux를 사용하여 상태 관리를 하였습니다.
  • axios로 json-server와 소통하였습니다.
• 메인페이지 - 전체 게시글 불러오기
• toastify 적용 (관련 기록)
  • window alert창이 아닌 react-toastify를 적용했습니다.
• 트러블 슈팅
  • 메인 페이지에서 디테일 페이지로 넘어가지 않는 오류
  • vercel 배포 오류

전국 대학교 연합 동아리인 멋쟁이 사자처럼 11기로 참여했습니다.

• 한 학기 동안 frontend 팀에서 스터디를 진행했습니다
• 매주 1번 모여서 과제를 하고 공부한 내용들을 공유했습니다.
• 방학 기간동안 두 번의 프로젝트를 진행하였습니다.
• frontend 팀원으로 참여하여, backend 팀원들과 협업을 진행하였습니다.