miniProject
https://github.com/sieuno3o/IntroduceYourself
프로젝트 개요
팀 소개 페이지 만들기
프로젝트 기간: 24.02.13~24.02.16 (4일)
사용 언어
프론트엔드
JavaScript, HTML, CSS
백엔드
Apache, PHP, MariaDB
사용 라이브러리
Bootstrap
API
POST // 방명록에서 서버로 데이터 전송
GET // 팀원 프로필 페이지 정보, 방명록 목록 데이터 요청
GitHub사용
배포X
담당 업무
메인페이지 프론트엔드
팀룰
코드 작성시 주석달기
네이밍 camelCase
branch에서만 작업하기
commit 메세지 규칙
https://mirror-artichoke-58b.notion.site/Git-Commit-v-1-1-bdc8c07c995540a6b0f264bb31c5568e
상세
간단하게 팀과 팀원들을 소개하는 웹페이지를 제작하는 프로젝트를 했다
4일의 일정에 팀원들을 만나고 발표하기까지 포함되어 실질적으로 코딩을 할 수 있는 기한이 매우 짧은 관계로 최소한의 기능구현에 집중하고 배포는 생략, 서버도 로컬에서만 구현하기로 했다
첫날은 와이어프레임을 구성했고 둘째날과 셋째날에 본격적인 코딩을 하고 넷째날은 추가적인 CSS만 약간 손본 뒤에 발표를 진행했다
와이어프레임
실제 만든 페이지
시연영상 (음성X 브금O 자막O)
개선 사항
시간이 더 많았다면
메인 페이지에서 멤버 사진에 커서를 올렸을 때 사진이 확대되면서 가운데에 위치하도록 한다던지
멤버 프로필 페이지에서 좋아요 버튼 누르면 횟수가 표시된다던지
공유 버튼을 누르면 페이지 주소가 클립보드에 저장 된다던지
등의 개선을 할 수 있었을 것 같다
그리고 개인적으로는 주석을 작성하는 습관을 잘 들여놓아야겠다고 느낀 프로젝트였다
팀원들과 같이 작성한 KPT 회고
Keep - 현재 만족하고 있는 부분
- 목표로 하는 내용에 맞게끔 기능을 구현하고, 그에 맞게 실제로 잘 작동된 점
- 네이밍 규칙이나 와이어프레임 등 규칙들을 처음에 구체적으로 잘 정하고 잘 진행하여 적은 혼란으로 프로젝트 제작에 집중할 수 있었던 점
- Github 내 Branch를 작업별로 잘 나누어 PR을 보내 marge 하는 방식으로 협업을 진행한 점
- 소통을 많이 한 점
Problem - 불편하게 느끼는 부분
- 시간부족으로 인한 완성도 부족
- 작동은 잘 되지만 디테일하게 구현하는 데에 있었던 어려움 (ex) 웹페이지 ↔ 웹 서버 간 데이터를 주고 받는 과정이 불필요한 페이지로 이동 되어 사용자가 확인하게 되는 경우
- git에 대한 개념 및 명령어 미숙지로 인한 어려움
- 사전에 개발 언어 및 환경 설정에 대한 논의가 충분치 않아서, 시연을 해당 모듈을 개발한 인원의 로컬 환경에서만 작동하는 어려움
- 작동은 잘 되지만 디테일하게 구현하는 데에 있었던 어려움 (ex) 웹페이지 ↔ 웹 서버 간 데이터를 주고 받는 과정이 불필요한 페이지로 이동 되어 사용자가 확인하게 되는 경우
- 다른 팀원들이 작업한 것을 merge하여 pull 하는 과정에서 문제가 생기는 경우, 일과 후에 작업한 내용과 충돌이 자주 일어나 충돌을 해결하는 과정에서 불필요한 commit을 자주 하게됨
일과 후 작업한 내용을 메모장에 따로 저장해 둬야 하는 등의 번거로움이 존재했음 - 제대로 된 역할 분배를 하지 않은 부분
- 주어진 task에 따른 마감 시간 지정을 제대로 하지 않았던 부분
Try - Problem에 대한 해결책, 당장 실행 가능한 것
1-1. 타당한 스케줄을 계획 및 관리하여 시간을 효율적으로 사용
1-2. git에 대한 개념 공부 및 명령어 숙지
1-3. 충분한 개발 및 테스트 환경에 대한 논의를 진행하여 로컬이 아닌 환경에서도 작동하도록 함
2. merge를 팀원이 함께 있을 때 진행, 이슈 발생 시 바로 이슈 해결 후 작업을 재개하여 혼란 제거
3~4. 역할을 더 세부적으로 나누고 그에 따른 정확한 마감 시간을 지정하여 진행 상황을 정확히 확인
+) 시간을 정해서 서로 코드를 리뷰 했으면 좋았을 것 같다는… 생각을 합니다
레포지토리 주소
