[TIL #56] swiper

차슈·2024년 7월 22일
0

TIL

목록 보기
56/70
post-thumbnail

이제 기획이 끝난거지만 그리고,,, 아직 최종프로젝트 시작 일주일도 안되었는데 그냥 막바지인 기분,,,

카카오톡 소셜 로그인을 냅다 시작하려고 했는데, 코드만 짜면 되는데 감이 111도 안잡혀서 그냥 ui 부터 후딱 만들었다...
소셜 로그인 오래걸릴거라곤 생각했는데 감이 안잡힌다,,,
거기다가 로그인을 클라이언트 단에서 하는게 아니라 서버단에서 되게 해야하는 상황이라 진짜 대환장파티

+퍼널형식으로 된 swiper 작업을 했당 결국 성공했는데, 으흠 이게 맞는지 사실 모르겠지만 일단 해놓고 나중에 수정하자는 마인드,,,

next는 진짜 폴더구조 레전더리,,,war,,,,
아까 튜터님한테 물어보러 갔다가 이렇게 하면 됩니다~ 하시는데 ???????????만 내 머리 위에 떠다님.... 맨날 우리조 우스갯소리로 튜터님방에서 살겠다~ 했는데 시작하자마자 그럴 위기,,,

그래서 일단 젤 어렵다는 카카오로그인을 잠시 살포시 옆으로 치우고 그냥 회원가입 시작하기,,,

으갸갸갸갸갸갸갸갹갸갸갸갸갸갹


swiper

퍼널을 써야할거같다는 말을 듣고 고민하다가 결국 쓰기로 결정,,

위에 progress bar를 나타내야하기 때문에 usestate를 사용해서 관리했다.

  1. 일단 step 타입을 만들고 인터페이스를 따로 만들어둠

  2. sign-up 컴포넌트가 렌더링 되면 step라는 배열을 만들어서 첫번째 단계가 표시

  3. 사용자는 input창에 정보를 입력하고 확인버튼 눌러서 다음단계로 이동 -> step + 1

  4. 이전 단계로 돌아가면 step -1

  5. steps 배열의 단계에 정의된 type에 따라 결정시킴


진짜 생각보다 쉬워서 이게 맞나 싶긴 했는데, 틀렸다면 다시 도전하면 되니까!

0개의 댓글