회고록

[Toy Project] TIL (10.18~진행중) *update211109

Siyoon Jeon 2021. 10. 27. 01:12

*깃헙 DevLog 작성 후 한꺼번에 옮기고 있습니다.

 

✅  2021.10.20

오늘 프로젝트에 기여한 일

  • Wireframe 디자인 지정
  • 클라이언트 환경 설정

오늘의 프로젝트에서 힘든 점

  • 디자인이 어렵다.

내일 프로젝트에 기여하기 위해 할 일

  •  Wireframe 디자인 확정
  •  클라이언트 배포

✅  2021.10.21

오늘 프로젝트에 기여한 일

  • 와이어프레임 디자인 확정
  • 이미지 시퀀스 바닐라 자바스크립트 공부

오늘의 프로젝트에서 힘든 점

  • 이미지를 어떻게 구해야할지 고민

내일 프로젝트에 기여하기 위해 할 일

  •  이미지 파일 구하기
  •  landing page image sequence 구현

✅  2021.10.22

오늘 프로젝트에 기여한 일

  • Home html & SCSS
  • Home Slide DOM & 순수 자바스크립트 구현

오늘의 프로젝트에서 힘든 점

  • TypeScript를 이용하여 처음 바닐라 자바스크립트를 구현하다보니, 설정 안해준 값들에 대한 Error가 많이 떴습니다.
  • void 와 옵셔널채이닝을 사용하여 해결해주었지만, 현재는 nodeElement 에러를 해결하는 중입니다.

내일 프로젝트에 기여하기 위해 할 일

  1.  Home, Sidebar 구현
  2.  TS 공부

✅  2021.10.25

오늘 프로젝트에 기여한 일

  • 랭킹 페이지 생성
  • Wiki 옮기기
  • 빙고 만들기

오늘의 프로젝트에서 힘든 점

  • 생각보다 타입이 많다.

내일 프로젝트에 기여하기 위해 할 일

  1.  SCSS 정리
  2.  모달만들기 및 컴포넌트 정리

✅  2021.10.26

오늘 프로젝트에 기여한 일

  • 첫 랜딩페이지 애니메이션 추가 -> 원래 계획은 스크롤 시 이미지 시퀀스가 바뀌며 물이 차는 것으로 하려고 했으나, 첫 렌딩 페이지부터 사용자에게 무언가 바라면 페이지 이탈 또는 Home page까지 갈 수 없을 것 같다는 생각이 들었다. 따라서 자동으로 물이 차고 빠지는 걸로 버킷의 이미지 연상을 준다면 한 번의 클릭으로 페이지에 접속할 수 있게 수정하였다.
  • 빙고 만들기 -> 빙고 만들기 페이지의 scss를 완성하였다.

오늘의 프로젝트에서 힘든 점

  • 랜딩 페이지를 어떻게하면 좋을지 사용자 입장에서 고민해보았다. 만드는 사람의 입장이 아닌 사용하는 사람의 입장에서 생각하는 것은 어렵다.!

내일 프로젝트에 기여하기 위해 할 일

  1.  랭킹 페이지 scss 정리
  2.  home 페이지 정리
  3.  리덕스 환경 구축

✅  2021.10.27

오늘 프로젝트에 기여한 일

  • 랭킹 페이지 css 정리
  • Button 컴포넌트 생성 및 props연결
  • home 자동 슬라이드 구현 중

오늘의 프로젝트에서 힘든 점

  • 왜 element.checked 가 안 먹힐까 .. 에 대해서 계속 찾아보고 있다. 라벨과 input을 연결해서 5초 간격으로 체크되는 함수를 만들어주고 있는데, 이 방법이 안되면 다른 방법을 찾아보도록 해야겠다..
  • home 디자인

내일 프로젝트에 기여하기 위해 할 일

  1.  자동 슬라이드 끝내기
  2.  로그인 모달창 만들기

✅  2021.10.28

오늘 프로젝트에 기여한 일

  • home 자동 슬라이드 완성
  • home 화살표 클릭 시, 슬라이드 이벤트 추가
  • redux 환경 구축
  • login 모달

오늘의 프로젝트에서 힘든 점

  • redux 미들웨어 고민
  • home 자동 슬라이드 함수가 다른 페이지에서도 실행이되어 에러가 떴다. window.location.pathname으로 if문을 걸어주어 해결하였다.

내일 프로젝트에 기여하기 위해 할 일

  1.  redux 완료
  2.  회원 아닐 때 뜨는 alert
  3.  센스있는 UI 고민해보기

✅  2021.10.29

오늘 프로젝트에 기여한 일

  • 마이페이지 반응형 구현
  • 탈퇴하기 alert
  • 프로필 사진 업로드

오늘의 프로젝트에서 힘든 점

  • const formData = new FormData(); 라는 새로운 것을 배웠습니다.

내일 프로젝트에 기여하기 위해 할 일

  1.  Redux 구축
  2.  UI 고민하기

✅  2021.11.01

오늘 프로젝트에 기여한 일

  • 지도 API
  • about us page
  • redux 구축 완료
  • 초기값 지정

오늘의 프로젝트에서 힘든 점

  • 타입스크립트 오류

내일 프로젝트에 기여하기 위해 할 일

  1.  빙고 보기 슬라이드
  2.  달성도 체크
  3.  회원정보 수정

✅  2021.11.02

오늘 프로젝트에 기여한 일

  • 드롭박스

오늘의 프로젝트에서 힘든 점

  • DOM으로 바닐라 자바스크립트를 해보고 싶었지만 type 설정 오류로 되지 않았다. 그래서 리액트 프로젝트에 맞게 .. onclick 이벤트로 5분만에 완성했다. 그래도 의미있는 시간이었다.

내일 프로젝트에 기여하기 위해 할 일

  1.  마이페이지 빙고 슬라이드
  2.  랭킹 프로필 모달

✅  2021.11.03

오늘 프로젝트에 기여한 일

  • 마이페이지 슬라이드
  • CSS

오늘의 프로젝트에서 힘든 점

  • auth login

내일 프로젝트에 기여하기 위해 할 일

  1.  auth login
  2.  서버 연결

✅  2021.11.04

오늘 프로젝트에 기여한 일

  • redux

오늘의 프로젝트에서 힘든 점

  • JavaScript로 구현했던 redux를 TypeScript로 바꾸다가 렌더링 에러로 어제의 상태로 돌렸다. 문제가 무엇이었을까 계속 생각해봤는데, 타입스크립트에 대한 정확한 이해없이 일단 적용해보자. 라는 마인드로 시작했던 탓이라고 생각했다. 그래서 드림 코딩 엘리의 타입스크립트 강의를 낮부터 시작했다. 3주 정도 걸리는 계획이지만, 2~3일 안에 끝내볼 생각이다. 그래도 나름 재밌다..? 뭔가 JS보다 디테일하고 정교한 작업이라 더 세심하게 코드를 작성하게된다. TS를 시작하면 JS로 잘 안 넘어간다던데.. 나도 TS가 빨리 익숙해졌으면 좋겠다.

내일 프로젝트에 기여하기 위해 할 일

  1.  TS 강의

✅  2021.11.05

오늘 프로젝트에 기여한 일

  • 타입스크립트 강의 - OOP

오늘의 프로젝트에서 힘든 점

  • 힘든 것보단 TS 재밌다 ..!

내일 프로젝트에 기여하기 위해 할 일

  1.  강의 듣기

✅  2021.11.08

오늘 프로젝트에 기여한 일

  • 타입스크립트 강의

내일 프로젝트에 기여하기 위해 할 일

  1.  타입스크립트 강의 마무리
  2.  redux typeScript로 구현
  3.  thunk - saga 의 차이점

✅  2021.11.09

오늘 프로젝트에 기여한 일

  • redux saga 세팅

오늘의 프로젝트에서 힘든 점

  • 클라이언트 사이드 배포가 되지 않았습니다. cloudFront에서 도메인을 설정을 해주지 않아 오류가 난 것 같습니다.

내일 프로젝트에 기여하기 위해 할 일

  1.  redux saga
  2.  server 배포 후 axios
저작자표시 (새창열림)