Week2 스프린트 회고

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가 왜 안먹는지 몰랐는데 이번에도 오타였다........... 자나깨나 오타 조심ㅠ

수정해야 될 사항

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