귀엽쥬..?ㅎㅅㅎ
💻 미니프로젝트 4.8 - 4.14
드디어 백엔드분들과의 협업이 시작되었다..!
내가 과연 잘 할수 있을까..? 싶었지만 결과적으론 잘 마무리가 되어서 다행이다.
개발자들을 위한 꿀템 추천 사이트
구현한 기능
✅ 로그인, 회원가입
✅ 게시글 (목록 가져오기, 추가하기, 삭제하기, 수정하기)
✅ 댓글 (목록 가져오기, 추가하기, 삭제하기)
✅ 마이페이지 - 유저 정보, 내가 쓴 글 불러오기
✅ 게시글 카테고리 별로 정렬하기
✅ 게시글 검색 기능
✅ 좋아요 기능
✅ 가장 좋아요가 많은 게시글 5개 메인에 캐러셀로 뿌리기
영상은 여기서 확인 👇
나는 이번에 유저관리를 맡았기 때문에 로그인과 회원가입, 그리고 마이페이지를 담당했다.
로그인과 회원가입! ID중복체크를 빼뜨린게 조금 아쉽다.
마이페이지 부분
글이 없으면 없다는 문구를 보이고 있다면 게시물을 불러와 해당 게시글로 이동할 수 있도록 연결하였다
그리고 이번주에 배운 신기술..!
const [id, setId] = React.useState("");
const [pwd, setPwd] = React.useState("");
const handleId = (e) => {
setID(e.target.value)
}
...원래 항목별로 저렇게 useState를 이용해 input 하나하나 지정해주는 방식을 사용했는데 같은 팀원분 께서 키값 동적 할당화 라는 걸 알려주셔서 리팩토링을 해주셨다.
const [logins, setLogins] = useState({});
const [submitted, setSubmitted] = useState(false);
const handleChange = (e) => {
const id = e.target.id;
const value = e.target.value;
setLogins((values) => ({ ...values, [id]: value }));
};
input을 한번에 관리할 수 있다..!
요번 클론코딩때 유용하게 쓰고있다. 감사합니다 ㅎㅅㅎ
🧘♀️... ☕️
시작은 걱정도 많고 부담도 많이 되었으나 기존처럼 강의를 보며 코드를 따라치는 게 아니라 필요한 기능을 내가 직접 하나씩 구현해보니 그전까지 이해 안되었던 개념들이 하나씩 이해가기 시작했던 한주였다..!
그리고 협업에 대해 경험할 수 있어서 무엇보다 너무너무 배운 점이 많다..
역시나 같은 프론트 팀원분께 옆에서 배운 점이 너무 많아 항상 감사함을 느끼는..하루하루...였던 것 같다 ㅎㅅㅎ
