[TIL] 미니프로젝트 4일차 23.05.18

이상훈·2023년 5월 19일
0

[내일배움캠프]

목록 보기
4/68

1. 팀원생성 페이지

  • 팀원생성 버튼을 따로 구현하여 웹페이지 내에서 팀원등록 할수 있게 기능 구현
  • 생성 후 alert 창으로 생성완료! 경고창이 나오는 디자인이 밋밋하다고 생각되어서
    SweetAlert으로 Alert창을 조금 변경해주었다
  • 입력하는 박스가 페이지에 비해 작다보니 화면전환이 아닌 팝업형식으로 구현, 팝업창 사이즈 조절은
    응원메세지도 팝업창 형식으로 만들었기때문에 똑같이 적용해주었다
  • openPopup 함수를 따로 만들어주고 클릭시 화면 중앙에 출력될 수 있도록 하고 팀원 생성 버튼에 onclick 이벤트로 연결!
    을 해서 다한줄 알았는데 생성완료 창을 누르면 자동으로 새로고침이 되는 기능을 넣었으면 좋겠다 싶어 다시 수정
  • 수정을 했는데 무한 새로고침이 되는 에러가 발생해서 이것저것 찾아보던 도중 윈도우 새로고침을 불러온 부모페이지가 아닌 팝업창에
    새로고침을 걸어버려서 발생한 것으로 파악되서 코드 수정
  • 정상적으로 생성 완료 후 ok 버튼을 누르면 팝업창은 닫히고 페이지가 새로고침 되면서 새로운 팀원의 정보가 생성!

필요한 기능

  • 현재는 GET, POST만 사용하고 있어 CRUD중 생성과 읽기만 가능한 상태라 PUT, DELETE도 구현이 필요

-> 웹종반때는 뼈대를 가져와서 만드는거라 할만하다고 생각했는데 막상 팀원들이랑 시작하니까 생각지도 못한 오류가
많이 발생해서 어려웠다 ㅠㅠ 그래도 하나하나 생각하는 기능을 구현하고 있어서 너무 절망적이진 않은것같다
반복문을 중첩으로 잘못써서 여러개가 붙기도하고 이것저것 문제가 많았지만 차근차근 하면 해결이 되더라 (구글링짱..)

profile
코린이

0개의 댓글