22-07-25
Resoft 회사 사이트 리디자인 된것 만들어오기.
팀 명: 보람 3조

오늘은 각자 만든것을 임시로 index.html에 연결해 보았다.
html은 잘 연결이 되었지만, css 파일 경로가 깃허브에서 읽었을때 오류가 발생해 연결되지 않았다. 상대 경로로 다시 수정해서 올릴 필요가 있어 보인다.

• 멘토링 시간때 나온 수정해야 될 부분
  반응형 스타일을 nav와 footer 부분에 했다. 그러나 화면을 줄였을 때 오른쪽 사이드에 여백이 살짝 남는 부분이 발생했다. 생각기론, 서비스 부분에 배열을 position 으로 고정이 되어 있어서 그런 듯 했다.
  아래 프로젝트나 서비스 부분을 수정한다면 사라질 듯 했다.

저 여백만 위치 조정을 다르게 해서 수정하면 될 듯 하다.

2. 어려웠던 점 및 해결방안

주말에 작업 중에 제시한 모바일 사이즈와 테블릿 사이즈(767px~ 1024px)사이의 간극이 너무나 크고 배열이 흐트러 지는 것 같아서 중간 해상도를 하나 더 추가시켜 주었다. (940px)
그러니 자연스레 화면이 전환되는 게 보였다.

가이드라인과는 다르고 따로 추가해 준거라 걱정이 되었는데, 다행히 멘토분이 추가하는건 괜찮다고 답해 주셔서 계속 작업을 진행 할 수 있었다.

일부 기존에 pc모드로만 생각했던 작업들의 배치를 반응형에 맞게 다시 수정해 주었다.
대부분 가로길이가 같이 줄어들게 max-width 값으로 고쳐 주었고, 가로 길이를 %로 수정해 주었다.

3. 소감

내가 맡고 있는 파트가 대부분 작업이 마무리 되어간다. 이제 속도의 문제 인듯 하다. 아직 프로젝트 기간이 좀 남아있다지만, 남은 일수를 잘 생각해서 완성해야 할듯 하다.