saegeullee

saegeullee

LOSE YOURSELF

Member Since 4 years ago

seoul

Experience Points
13
follower
Lessons Completed
9
follow
Lessons Completed
32
stars
Best Reply Awards
28
repos

1587 contributions in the last year

Pinned
Activity
Oct
11
5 days ago
pull request

saegeullee pull request bside7-team-10/block

saegeullee
saegeullee

[FE] chore: 모바일 웹뷰에서 input창 클릭시 화면 확대되지 않도록

push

saegeullee push bside7-team-10/block

saegeullee
saegeullee

[FE] chore: 모바일 웹뷰에서 input창 클릭시 화면 확대되지 않도록

commit sha: d679a281f882702d33f47b301787e40621966164

push time in 4 days ago
pull request

saegeullee pull request bside7-team-10/block

saegeullee
saegeullee

[FE] chore: 모바일 웹뷰에서 input창 클릭시 화면 확대되지 않도록

Activity icon
created branch

saegeullee in bside7-team-10/block create branch feature/saegeullee/viewport

createdAt 4 days ago
push

saegeullee push bside7-team-10/block

saegeullee
saegeullee
saegeullee
saegeullee

chore : add library: react-webcam

saegeullee
saegeullee

feat : 글쓰기 페이지 & 카메라 페이지 UI 작업 및 redux 설정

saegeullee
saegeullee

feat : 게시글 등록 시 위치가 담기도록 설정

saegeullee
saegeullee

chore : 세션스토리지 처리된 코드 모두 redux로 전환

saegeullee
saegeullee

fix : 쿠키 접근 가능 경로를 전체로 변경

commit sha: b1c36e1e53e32fcc78b07eaa41bd81ba41231c98

push time in 4 days ago
pull request

saegeullee pull request bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-3,4,5 게시글 작성기능 구현

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)
    • 이전의 로그인 테스트 코드 리뷰 후에 작성 예정

작업 내용 요약 (Before & After)

  • TextareaFields 구현
    • antdtextareareact-hook-formController에 감싸서 구현했습니다.
  • 게시글 작성 UI 구현
    • 아직 기획만 나와있고, 디자인은 되어있지 않아 기획된 형태로만 UI 작업했어요. 나중에 디자인 나오면 추가 작업 예정입니다
  • 카메라 촬영 UI 구현
    • 지난 번 react-webcam 라이브러리를 사용하여 구현했어요. 마찬가지로 디자인 나오면 추가 작업 예정입니다. 현재 UI 에서는 전면 촬영만 구현되어있습니다
  • 게시글 작성 기능
    • 사진 촬영 시 url이 이동되기 때문에 이전에 작성한 글이나 체크박스는 세션스토리지에 저장시켜놓고, 글 작성이 완료되면 세션스토리지의 값이 삭제되도록 설정했어요.
    • 그런데 첨부사진은 store에 저장했어요. 사진촬영은 게시글 작성 뿐만 아니라 다른 페이지에서도 사용이 될거라고 생각했습니다.
    • 게시글 작성 시 store에 담겨있는 위도와 경도도 post에 같이 담았습니다.

기타 내용

  • 사진은 리덕스에서 관리할지 세션스토리지에서 관리할지 판단이 잘 안서네요. 혹시 의견있으시면 말씀해주세요~!!
push

saegeullee push bside7-team-10/block

saegeullee
saegeullee

[FE] chore: remove unnecessary file

commit sha: 5c22cd3a5c89444eb31c75e959527acf6e56e893

push time in 4 days ago
pull request

saegeullee pull request bside7-team-10/block

saegeullee
saegeullee

[FE] chore: remove unnecessary file

pull request

saegeullee pull request bside7-team-10/block

saegeullee
saegeullee

[FE] chore: remove unnecessary file

Activity icon
created branch

saegeullee in bside7-team-10/block create branch user/saegeullee/chore

createdAt 4 days ago
Activity icon
issue

saegeullee issue comment bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-3,4,5 게시글 작성기능 구현

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)
    • 이전의 로그인 테스트 코드 리뷰 후에 작성 예정

작업 내용 요약 (Before & After)

  • TextareaFields 구현
    • antdtextareareact-hook-formController에 감싸서 구현했습니다.
  • 게시글 작성 UI 구현
    • 아직 기획만 나와있고, 디자인은 되어있지 않아 기획된 형태로만 UI 작업했어요. 나중에 디자인 나오면 추가 작업 예정입니다
  • 카메라 촬영 UI 구현
    • 지난 번 react-webcam 라이브러리를 사용하여 구현했어요. 마찬가지로 디자인 나오면 추가 작업 예정입니다. 현재 UI 에서는 전면 촬영만 구현되어있습니다
  • 게시글 작성 기능
    • 사진 촬영 시 url이 이동되기 때문에 이전에 작성한 글이나 체크박스는 세션스토리지에 저장시켜놓고, 글 작성이 완료되면 세션스토리지의 값이 삭제되도록 설정했어요.
    • 그런데 첨부사진은 store에 저장했어요. 사진촬영은 게시글 작성 뿐만 아니라 다른 페이지에서도 사용이 될거라고 생각했습니다.
    • 게시글 작성 시 store에 담겨있는 위도와 경도도 post에 같이 담았습니다.

기타 내용

  • 사진은 리덕스에서 관리할지 세션스토리지에서 관리할지 판단이 잘 안서네요. 혹시 의견있으시면 말씀해주세요~!!
saegeullee
saegeullee

@saegeullee 넵 그래서 세션스토리지에 처리된 데이터들 모두 리덕스로 전환했습니다~! 앗 실님 이전에 pr하신거 머지했더니 이 브랜치랑 디벨롭 충돌이 나네요. 이거 해결하고 다시 올려주세요~

push

saegeullee push bside7-team-10/block

saegeullee
saegeullee

temp: 테스트 실패로 인한 코드 리뷰

  • 도움요청
saegeullee
saegeullee

feat: 테스트 환경 설정

saegeullee
saegeullee

test : login reducer & action 테스트코드 작성

saegeullee
saegeullee

feat : 로컬스토리지에 jwt token 값 셋팅

saegeullee
saegeullee

fix: yarn으로 통일하기

saegeullee
saegeullee

chore: update small changes

  • package-lock.json 제거
  • tsconfig.json에 불필요한 설정 제거
  • 사용하지 않는 코드 제거
saegeullee
saegeullee

feat : cookie로 jwtToken 설정

commit sha: 849d9f2b59182de2c78ef5484f600e5c26af0fc2

push time in 4 days ago
pull request

saegeullee pull request bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
Activity icon
issue

saegeullee issue comment bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-3,4,5 게시글 작성기능 구현

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)
    • 이전의 로그인 테스트 코드 리뷰 후에 작성 예정

작업 내용 요약 (Before & After)

  • TextareaFields 구현
    • antdtextareareact-hook-formController에 감싸서 구현했습니다.
  • 게시글 작성 UI 구현
    • 아직 기획만 나와있고, 디자인은 되어있지 않아 기획된 형태로만 UI 작업했어요. 나중에 디자인 나오면 추가 작업 예정입니다
  • 카메라 촬영 UI 구현
    • 지난 번 react-webcam 라이브러리를 사용하여 구현했어요. 마찬가지로 디자인 나오면 추가 작업 예정입니다. 현재 UI 에서는 전면 촬영만 구현되어있습니다
  • 게시글 작성 기능
    • 사진 촬영 시 url이 이동되기 때문에 이전에 작성한 글이나 체크박스는 세션스토리지에 저장시켜놓고, 글 작성이 완료되면 세션스토리지의 값이 삭제되도록 설정했어요.
    • 그런데 첨부사진은 store에 저장했어요. 사진촬영은 게시글 작성 뿐만 아니라 다른 페이지에서도 사용이 될거라고 생각했습니다.
    • 게시글 작성 시 store에 담겨있는 위도와 경도도 post에 같이 담았습니다.

기타 내용

  • 사진은 리덕스에서 관리할지 세션스토리지에서 관리할지 판단이 잘 안서네요. 혹시 의견있으시면 말씀해주세요~!!
saegeullee
saegeullee

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)

    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}

      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

    • 이전의 로그인 테스트 코드 리뷰 후에 작성 예정

작업 내용 요약 (Before & After)

  • TextareaFields 구현

    • antdtextareareact-hook-formController에 감싸서 구현했습니다.
  • 게시글 작성 UI 구현

    • 아직 기획만 나와있고, 디자인은 되어있지 않아 기획된 형태로만 UI 작업했어요. 나중에 디자인 나오면 추가 작업 예정입니다
  • 카메라 촬영 UI 구현

    • 지난 번 react-webcam 라이브러리를 사용하여 구현했어요. 마찬가지로 디자인 나오면 추가 작업 예정입니다. 현재 UI 에서는 전면 촬영만 구현되어있습니다
  • 게시글 작성 기능

    • 사진 촬영 시 url이 이동되기 때문에 이전에 작성한 글이나 체크박스는 세션스토리지에 저장시켜놓고, 글 작성이 완료되면 세션스토리지의 값이 삭제되도록 설정했어요.
    • 그런데 첨부사진은 store에 저장했어요. 사진촬영은 게시글 작성 뿐만 아니라 다른 페이지에서도 사용이 될거라고 생각했습니다.
    • 게시글 작성 시 store에 담겨있는 위도와 경도도 post에 같이 담았습니다.

기타 내용

  • 사진은 리덕스에서 관리할지 세션스토리지에서 관리할지 판단이 잘 안서네요. 혹시 의견있으시면 말씀해주세요~!!

리덕스가 있는데 세션스토리지를 사용할 필요가 있을까요? 사진 촬영시 url이 이동되면 store 값이 초기화 되나요?

Activity icon
issue

saegeullee issue comment bside7-team-10/block

saegeullee
saegeullee

[BE] feat-BLOCK-1: SignUp에 interests 추가

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • SignUpRequest에 InterestHashTags: string[] 추가
  • HashTag entity 추가
  • SignUp 시에 hashTag 없으면 생성하도록 구현

기타 내용

  • @saegeullee SignUpRequest 구현 괜찮은지 의견 부탁드려요!
saegeullee
saegeullee

@cooco119 SignUpRequest 추가하신부분 문제 없어보입니다. 배포되면 프론트에서 테스트해보겠습니다~

pull request

saegeullee merge to bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
open pull request

saegeullee wants to merge bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
saegeullee
saegeullee

service mocking을 통한 reducer 테스트 굳굳입니다~👍

pull request

saegeullee merge to bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
open pull request

saegeullee wants to merge bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
saegeullee
saegeullee

include에 이 내용들을 추가하신 이유가 따로 있을까요? 여기에는 타입스크립트의 컴파일 타겟이 되는 ts 파일들을 나열하는걸로 알고 있어서요.

open pull request

saegeullee wants to merge bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
saegeullee
saegeullee

실님도 앞으로는 yarn을 사용하시는건가요? 그렇다면 package-lock.json 파일은 삭제해도 될듯합니다.

open pull request

saegeullee wants to merge bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
saegeullee
saegeullee

여기에 jest mock을 하신 이유가 있을까요? 현재 이 테스트 파일에서는 이부분을 활용하고 있지 않은것 같아서요. 이를 활용하려면 다음과 같은 expect문이 필요해보입니다. userLogin 액션이 dispatch 되면, expect(service.login).toBeCalled();

open pull request

saegeullee wants to merge bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
saegeullee
saegeullee

jwt token을 localstorage에 셋팅하신 이유가 있을까요? 해당 토큰은 웹브라우저 쿠키에 자동으로 셋팅이 되어 이후 쿠키가 만료되기 전까지 서버의 요청 헤더에 해당토큰이 자동으로 셋팅되어 서버에서 해당 유저를 식별할수 있게됩니다. 따라서 로컬스토리지에 따로 토큰을 보관할 필요는 없어보이네요.

pull request

saegeullee merge to bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
pull request

saegeullee merge to bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-1: 로그인 테스트 및 로컬스토리지에 jwt token 설정

체크리스트

  • 커밋 메세지 포맷 (feature, chore, bugfix, BLOCK-x, BE, FE)
    • [{BE|FE}] {feat-BLOCK-x|chore|bugfix-BLOCK-x}: {message}
      • ex. [BE] feat-BLOCK-1: 회원가입 API 구현
      • ex. [FE] chore: 패키지 dependancy update
      • ex. [FE] bugfix-BLOCK-1: 생일 date 정보 버그 해결
  • 테스트 구현 했는가 (for bug fixes / features)

작업 내용 요약 (Before & After)

  • 테스트 환경을 구성하면서 라이브러리들을 추가했습니다.
  • 지난 번 피드백을 참고하여 mock function을 통해 login 테스트를 구현했습니다.
  • 상태관리 관련 테스트는 해당 폴더 내에 있고, UI단 테스트는 __test__ 폴더에서 진행할 예정이에요.
  • login response에서 받아온 jwt token을 localstorage에 셋팅했습니다

기타 내용

  • 아직 로그아웃 및 자동로그인에 대한 기획 & 디자인이 나오지 않아 jwt token을 로컬 스토리지에 설정하는 것 외에는 아직 진행된 건 없어요.
  • 제가 새글님이 테스트를 어떻게 진행하는지 몰라 여러 자료들을 참고하면서 작성한건데, 혹시 스타일이 안맞거나 궁금하신 점 있으시면 코멘트 남겨주세요~! 첫 테스트이기도 하고, 첫 단추를 잘 꿰고싶은것도 있어서요 ~ ㅎㅎ
Oct
6
1 week ago
Oct
4
1 week ago
push

saegeullee push bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-0: 회원가입 UI 구현

saegeullee
saegeullee

[FE] chore: sigup ui polish -> add checkbox inputfield

saegeullee
saegeullee
saegeullee
saegeullee

[FE] chore: created utils file

commit sha: cadccee12fbb4723e1eed2a4adf86309a5238a1a

push time in 1 week ago
pull request

saegeullee pull request bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-0: 회원가입 UI 구현

작업 내용 요약 (Before & After)

  • 회원가입 UI 구현
  • space 모듈화

기타 내용

  • space 모듈화는 작업을 하다 이렇게 해보면 어떨까? 라는 생각이 들어서 해봤는데 괜찮은거 같아서 적용해봤습니다. 컴포넌트의 space를 조절할때 margin이나 padding으로 하게 되면 어떤 컴포넌트를 기준으로 margin, padding, 방향 여러가지 변수가 생기는데 이를 방지할 수 있도록 아예 space를 컴포넌트로 정의해서 사용해봤습니다. 실제 작업할때 아래 이미지처럼 space를 background color white를 주고 시각화 해서 볼수 있어서 좋은것 같습니다. 이 space 컴포넌트는 component/common/Spaces.tsx 에 정의되어있으니 참고해보세요! image
Activity icon
issue

saegeullee issue comment bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-0: 회원가입 UI 구현

작업 내용 요약 (Before & After)

  • 회원가입 UI 구현
  • space 모듈화

기타 내용

  • space 모듈화는 작업을 하다 이렇게 해보면 어떨까? 라는 생각이 들어서 해봤는데 괜찮은거 같아서 적용해봤습니다. 컴포넌트의 space를 조절할때 margin이나 padding으로 하게 되면 어떤 컴포넌트를 기준으로 margin, padding, 방향 여러가지 변수가 생기는데 이를 방지할 수 있도록 아예 space를 컴포넌트로 정의해서 사용해봤습니다. 실제 작업할때 아래 이미지처럼 space를 background color white를 주고 시각화 해서 볼수 있어서 좋은것 같습니다. 이 space 컴포넌트는 component/common/Spaces.tsx 에 정의되어있으니 참고해보세요! image
saegeullee
saegeullee

코멘트 주신것들 반영했습니다. 추후 확인부탁드려요. 이 브랜치는 머지할게요!

open pull request

saegeullee wants to merge bside7-team-10/block

saegeullee
saegeullee

[FE] feat-BLOCK-0: 회원가입 UI 구현

작업 내용 요약 (Before & After)

  • 회원가입 UI 구현
  • space 모듈화

기타 내용

  • space 모듈화는 작업을 하다 이렇게 해보면 어떨까? 라는 생각이 들어서 해봤는데 괜찮은거 같아서 적용해봤습니다. 컴포넌트의 space를 조절할때 margin이나 padding으로 하게 되면 어떤 컴포넌트를 기준으로 margin, padding, 방향 여러가지 변수가 생기는데 이를 방지할 수 있도록 아예 space를 컴포넌트로 정의해서 사용해봤습니다. 실제 작업할때 아래 이미지처럼 space를 background color white를 주고 시각화 해서 볼수 있어서 좋은것 같습니다. 이 space 컴포넌트는 component/common/Spaces.tsx 에 정의되어있으니 참고해보세요! image
saegeullee
saegeullee

이건 좀 복잡한데 프론트 회의때 얘기해보시죠~

Previous