프로젝트 일지 | HTML/CSS 기초 지식 복습과 협업 경험

 

✅ 프로젝트 정보

• 이름: 띵클
• 내용(목적): 정치 참여를 지역과 관심사를 기반으로 하는 플랫폼을 개발

 

💡 참고

• 기획안
  • https://www.figma.com/file/PrDBjsLlGvJjJZVwaqyBG9/%EB%9D%B5%ED%81%B4-%EC%9B%B9-%EA%B8%B0%ED%9A%8D%EC%95%88

Figma

 

✅ 프로젝트 일지

💡 22.11.07 (월)

• 진행 목표: 21:30 회의 진행
• 진행 사항:
  
  • 데이터가 유지보수, 재활용 가능하도록 구성
  • 매주 기획팀에서 제공하는 스토리보드를 기반으로 개발을 진행하고, 상호적인 피드백을 주고받는 것을 계속해서 이어나갈 예정
  • 상세 다자인의 경우, 처음에는 스토리보드를 최대한 자세하게 기술하고, 필요한 경우 기획팀에서 수정하도록 하여 프로젝트의 효율성을 높이는 것이 목표
  • 아임웹, 스티비, 노션+우피 등에 사용될 기본 레이아웃 작업 및 HTML 작업
• 앞으로의 계획/목표:
  
  • 지속적인 상호작용과 피드백을 통해 프로젝트의 진행 상황을 파악하고, 유지보수 및 개선 가능한 부분을 개선해 나갈 예정
  • 최대한 자세한 스토리보드 작성과 상호작용을 통해 프로젝트의 효율성을 높일 예정
• 기타: 없음

 

💡 22.11.09 (수)

• 진행 목표: 아임웹, 스티비, 노션+우피 등의 웹 사이트를 분석하고, 디자인, 레이아웃, 기능 등을 학습하여 참고할 수 있는 개발 역량을 향상시키기
• 진행 사항:
  • 해당 사이트들의 디자인, 레이아웃, 기능 등을 분석하고, 구현된 기술이나 기능을 습득하여 개발 역량을 향상시키는 학습 진행
• 앞으로의 계획/목표:
  • 분석한 사이트들에서 학습한 내용을 활용하여, 개발 프로젝트에서 적용해보며 실제 개발 역량을 향상시킬 예정
• 기타: 없음

 

💡 22.11.10 (목)

• 진행 목표: 21:30 회의 진행, 도메인 사용 여부에 대한 의견 수립 및 색상 코드 전달
• 진행 사항:
  • 질문 1: 지금 있는 도메인을 그대로 사용할지 아니면 새로운 도메인을 사용할 것인지에 대한 의견이 필요
  • 답변 1: 현재 사용 중인 도메인을 그대로 유지할 예정
  • 회의결과: 디자인적인 부분에 대한 개발을 위해 색깔을 통일하고, 색상 코드를 전달하기로 결정
• 앞으로의 계획/목표:
  • 디자인에 대한 개발을 위해 색깔을 통일하고, 색상 코드를 전달하여 통일성 있는 디자인을 구현
• 기타: 없음

 

💡 22.11.13 (일)

• 진행 목표: 아임웹 사이트에서 HTML과 CSS를 활용하여 웹 사이트의 기본 틀을 제작
• 진행 사항:
  • 질문 1: 로그인 전과 로그인 후의 사이트 구성을 동일하게 유지할 것인지, 아니면 로그인 후에만 필요한 요소들을 추가하여 구성할 것인지에 대한 의견이 필요
  • 답변 1: 마이 페이지 등 로그인 후에만 필요한 요소들을 기획팀에서 전달하는 것으로 결정
  • 아임웹 사이트의 구조와 레이아웃을 분석하고, 필요한 HTML 태그와 CSS 스타일을 구현
• 앞으로의 계획/목표:
  • 기획팀에서 전달하는 마이 페이지 등 로그인 후에만 필요한 요소들을 추가하여 사이트를 구성할 예정
• 기타: 없음

 

💡 22.11.14 (월)

• 진행 목표: 21:30 회의 진행
• 진행 사항:
  • 반응형 웹 디자인을 활용하여 웹사이트를 구현하고, 다양한 디바이스에서 웹사이트를 효과적으로 이용할 수 있도록 결정
• 앞으로의 계획/목표:
  • 학습한 내용을 바탕으로 웹사이트를 반응형으로 개발하여 사용자가 다양한 디바이스에서 편리하게 이용할 수 있도록 한다.
• 기타: 없음

 

💡 22.11.20 (일)

• 진행 목표: 우피 서비스를 둘러보고, 모바일 버전에서도 적용 가능한 HTML 디자인을 습득
• 진행 사항: 
  • 기존 PC 버전에서 사용되던 HTML 디자인을 모바일 버전에서도 적용 가능하도록 수정
• 앞으로의 계획/목표:
  • 우피 서비스에서 사용된 다양한 기능 및 기술을 습득하고 이를 활용하여 개발 역량을 향상시킬 예정
    모바일 디바이스에 최적화된 디자인과 기능을 추가적으로 습득하여 적용할 계획
• 기타: 없음

 

💡 22.11.28 (월)

• 진행 목표: 21:30 회의 진행
• 진행 사항:
  • 이전에 잡아놓은 HTML과 CSS의 기본 틀을 활용하여 기존 웹사이트 구성과 다소 달라진 부분을 빠르게 수정
  • 코드 재활용과 더 나은 사용자 경험 제공에 집중
• 앞으로의 계획/목표:
  • 추가적으로 구현할 기능이나 수정할 디자인 등에 대해 회의하여 명확하게 정리하고, 이를 바탕으로 웹사이트를 더욱 완성도 높게 개발할 예정
• 기타: 없음

 

💡 22.12.12 (월)

• 진행 목표: 21:30 회의 진행
• 진행 사항:
  • 웹사이트의 상단 글자 크기를HTML 코드로 수정하여 일관성을 유지하고 사용자들이 정보를 쉽게 확인할 수 있도록 개선
  • 로그인 이미지를 HTML 코드에 삽입하여 사용자들이 로그인을 보다 쉽게 이용할 수 있도록 개선
  • 버튼 디자인을 가시성과 사용자 편의성을 고려하여 HTML 코드로 수정하여 사용자들이 버튼을 보다 쉽게 인식하고 이용할 수 있도록 개선
• 앞으로의 계획/목표: 
  • 웹사이트의 레이아웃과 디자인을 개선하여 사용자들이 보다 쉽게 이용할 수 있도록 개선
  • 웹사이트의 기능을 업그레이드하여 사용자들이 더욱 편리하게 이용할 수 있도록 개선
• 기타: 없음

 

✅ 프로젝트 후기

• 프로젝트에 대한 야심 차게 지원했지만, 자신이 가진 프론트엔드 관련 지식 이외의 기술을 익히지 못한 것이 아쉬웠다. 프로젝트에 참여할 때, 무작정 참여하기보다는 자신이 얻을 수 있는 것이 무엇인지 판단하는 것이 중요하다는 것을 깨달았다.
• 프로젝트에서 기획팀과 회의하는 방법을 배웠고, Zoom 회의도 처음 해봤다. 이를 통해 협업하는 방법과 온라인 회의의 효율성을 경험하였다.
• 프로젝트에서 사용한 아임웹 서비스에서 구현이 어려워져서 다른 웹 서비스를 이용한 사이트를 제작하기로 결정되어, 나의 참여의 필요가 사라졌다. 이때, 웹사이트를 계속 유지하길 원했지만, 더 효율적인 방법을 강조하는 기획팀의 의견에 따라 결정되었다.
• 프로젝트를 통해 HTML과 CSS 기초지식을 복습하고, 프론트엔드 개발에 대한 경험을 쌓을 수 있었다.