Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Week2 스프린트 회고

류하준 edited this page Apr 25, 2021 · 2 revisions

Week2 회고

스프린트2 달성한 목표

  • 프로젝트 조회 페이지 구현 (480이하일때 기술 스택목록을 왼쪽으로 정렬하게끔 수정만 하면됨)
  • 로그인 상태에 따라 헤더의 UI변경 작업
  • 프로젝트 등록 페이지 기능 완성(접근성 관련 작업만 보완해주면됨) -프로젝트에 필요한 백엔드 로직(jwt를 이용한 로그인 및 프로젝트 조회, 등록, 포트폴리오 조회 api 생성) -모바일 환경에서의 다이얼로그의 가로 크기를 조금 늘리고 시작하기 글씨를 줄여줌
  • signin라우터에 임의로 토큰을 가지고 접근했을때 로그인을 할 수 없게끔 처리
  • 모바일에서도 로그인이 가능하게끔 만듬

스프린트2 달성하지 못한 목표

  • 포트폴리오 수정 페이지 구현

배운점(성장)

  • 류하준

    • HTML, CSS를 배우면서 공부를 많이 했던것들도 모르는게 아니라 막상 사용할때 생각이 잘 안나는것들도 있었는데 리팩토링 시간을 갖고 조금 더 곰곰히 생각해보니 프로젝트 진행 도중 생기는 이슈들에 대해 생각보다 간단히 처리할 수도 있다고 느꼇다.
    • 반응형을 작업을 하면서 미디어쿼리에 대한 거부감, 무서움이 사라지게 되었다. 그리고 반응형 작업 같은 경우는 js에서 변수로 컨트롤하면 이슈가 생겨서 미디어 쿼리를 무조건 이용하는게 좋다고 느꼇다.
    • 홈페이지의 접근성 작업을 하면서 접근성 작업은 표준을 지키는 정도만해도 누가 뭐라하지는 않지만 접근성 작업은 조금 더 사용자를 배려하며 만들어야한다는 생각이 들었다. 그리고 눈에 보이지 않으니 조금 까먹게 되는것도 많았긴했다....
    • 이웅모 강사님한테는 javascript의 언어적인 측면만 많이 배웠다면 야무 강사님한테는 ui적인 부분을 많이 배웠던것 같다. 아예 모르던 web api를 여러가지 알게 된 것 같다.
    • 서버에서 express를 사용하여 response를 할때 return을 해주지 않았을때 아래 코드에 await등의 구문으로 promise가 반환되면 에러가 나는 현상을 발견하고 return문을 꼭 써줘야되는걸 배웠다.
    • position요소를 쓸때 z-index를 생각없이 지정해주면 접근성 및 동작의 오류가 발생한다는것을 깨달았다.
    • 구글은 위대하다..............프로필 이미지 갓.......
  • 신봉철

    • 다양한 라이브러리들을 사용하면서 공식문서의 중요성을 깨닫게 되었다. 공식문서만큼 좋은게 없다.......
    • 스토리북은 독립된 애플리케이션이라서 formik이나 redux등등 컴포넌트에서 상태나 받아야 하는 props가 있다면 decorator를 이용해서 해결 할 있다는것을 배웠다. -grid 레이아웃을 이용하여 처음으로 레이아웃을 잡아봤고 어느정도의 개념을 터득한것 같다!!!
  • 최수혁

    • 요소들의 시각적인 효과를 처리할때 만약 disabled처리 된 것들에 그냥 색 변화를 주는게 좋다고 생각했는데 알아보다 보니 opacity를 주어 투명도를 주니 시각적으로 더욱 직관적인것 같아서 사용자 경험을 더욱 신경쓰는 디자인에 대해 공부할 수 있었다.
    • html-parser, syntax-highlighter를 사용하며 하나의 라이브러리가 아닌 두개의 라이브러리를 조합하여 사용할 일이 생겼어서 그냥 가볍게 사용하기 보다 만든이의 공식문서를 더 꼼꼼히 읽어볼 수 있는 시간을 가지게 되었다.
    • 피그마에서 내보낸 svg들은 pattern이라는것을 가지고 그것의 값이 같을때 react에서 사용시 모두 같은 svg이미지가 출력되는 이슈가 있었다. 다음에 해당 이슈를 만났을때 잘 대처할 수 있을것 같다.
    • html에 time이라는 태그가 있는걸 배웠고 dateTime을 이용해서 시간을 표현하는 요소들을 시맨틱한 태그로 마크업 할 수 있다는걸 알았다.
    • 서버에서 데이터를 아직 받아오지 않았을때 그 요소를 보려고 하면 에러가 나니 그런 상황에서는 조건부 처리를 해줘야된다는것을 알았다. 다음에도 같은 실수를 할 수 있지만 빠르게 해결을 할 수 있을거 같다.

아쉬웠던점

  • 류하준

    • 로그인 기능을 구현할때 보안적으로도 신경을 써주고 싶었는데 프론트엔드 프로젝트여서 백엔드에 쏟을 시간이 부족하여 조금 간략하게 짜게 된 것 같아 구현물이 보안적인 측면에서 아쉬웠다.
  • 백엔드쪽은 거의 자료를 찾아보고 적용하는식이 된것같아서 프로젝트가 끝나면 금방 까먹을것 같은 느낌이 들었다.

  • 신봉철

    • 반응형 레이아웃을 처음(그것도 grid와 같이) 작업하다보니 뭔가 쓸데없이 시간을 많이 쓰게된것 같아 아쉬웠다....그래도 배웠다잇
    • 디자인 시안을 짤때 조금 간견이나 그룹화에 대해 그렇게 중요하게 생각하지 않았는데 내가 만든 시안을 내가 쓰려고해도 신경써서 만들지 않았더니 작업시에 넘흐 힘들었다....
  • 최수혁

    • 스타일드 컴포넌트를 사용하여 컴포넌트르 생성할때 컴포넌트명을 좀 더 명시적으로 해야 될 것 같다는 생각이 들었다. 그냥 Styled를 앞에 붙히고 그 뒤에 컴포넌트명을 썻는데 나중에 코드를 쓰다보니 알아보기 어려웠다.
    • SVGIcon의 height가 왜 안먹는지 몰랐는데 이번에도 오타였다........... 자나깨나 오타 조심ᅲ

수정해야 될 사항

  • 모달 다이얼로그가 세로 뷰포트가 작아지면 잘리고 스크롤이 되지 않는 이슈가 있음

Progress

🗣 데일리 스크럼
🙋‍♂️ 주간 스프린트 회의
🤦‍♂️ 주간 스프린트 회고

Ground Rule

Clone this wiki locally

AltStyle によって変換されたページ (->オリジナル) /