이번주는 팀미니프로젝트를 했다. 주제는 '팀 소개페이지 만들기'였는데 배웠던 것을 사용해보니 영상을 보고 따라하는 것과 아무것도 없는 백지에서 배운 지식만으로 새로운 것을 만들어내는 것은 완전 다르다는 생각이 들었다. 팀으로 진행하다보니 혼자 나만의 개인 페이지를 만들 때와는 비교도 못할 정도로 많은 것들을 배웠다. 배운 것들 중 앞으로 유용하게 써먹을 것들만 적어놔야겠다.
- class명과 id명은 같아도 상관 없다.
- display는 배열이고 float는 정렬이다.
<body>
<div class="flex">1</div>
<div class="flex">2</div>
<div class="flex">3</div>
<div class="flex">4</div>
</body>1
2
3
4
<style>
.display_flex{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
</style>
<body>
<div class="display_flex"> <!-- 정렬할 것들을 모아줘야함. -->
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</body>1234
<style>
.float{
float: left;
}
</style>
<body>
<div class=float>1</div>
<div class=float>2</div>
<div class=float>3</div>
<div class=float>4</div>
</body>1234
- github에는 venv와 같은 파일들은 올리면 안된다. html파일이나 py파일들만 올릴 것. '.gitignore'파일을 만들어서 올려두면 push 할 때 자동으로 올라갈 파일에서 제외된다.
- requirements.text에 팀원 모두가 프로젝트에서 필요한 특정 버전의 프로그램이나 라이브러리를 기록해놓고 github에 올려 공유하고 팀원들은 각자의 환경에서 venv파일을 생성한 후 그곳에 pip install -r requirements.txt로 설치한다.
- 프로젝트 진행 도중 github 공유 서버를 변경했는데 branch에서 add가 안되는 상황이 발생했다. github에 해당 파일을 찾을 수 없다는 오류였는데 이 경우는 내가 올리려는 파일이 templates폴더에 들어가 있어서 서버의 리스트에 바로 보이지 않아 add가 되지 않았던 것이다. 이 경우는 'templates/index.html'와 같이 해당 파일의 위치를 찾아줘야 한다.
앞으로 많은 오류들을 마주하게 되겠지만 최대한 많이 겪어야 좋을 것 같다.
첫 프로젝트. 첫 팀. 첫 협업. 좋은 팀원들을 만나서 정말 좋은 경험을 했다. 다음 프로젝트에 어떤 팀원들을 만날지는 모르겠지만 모르는 부분을 서로 돕고 문제를 같이 해결해나간다면 모두가 성장하는 경험이 될거라고 생각한다.
마지막으로 우리 팀의 회고이다.
TEAM 갈매기살(2조) 미니프로젝트 KPT 회고
- 프로젝트
1-1. 프로젝트 목표
사전캠프로 학습한 내용들을 활용하여 팀을 소개하는 페이지를 만들고 기능을 구현한다.
1-2. 구현 기능
1) html, css, javascript를 활용한 팀 소개 페이지 구성
2) mongoDB를 활용한 DB 구성
3) AWS를 활용한 웹페이지 서비스 배포
1-3. 프로젝트 역할 분담
1) 프론트엔드, 백엔드 구분짓지 않고 학습한 내용을 모두 활용할 수 있게
개인 소개페이지는 각자 구현할 수 있게 함.
2) 팀의 정체성을 보여주는 메인페이지는 다 같이 의견을 나누면서 구성함.
- Keep
1) 구현하고자 하는 바를 끝까지 시도하고 구현함.
2) 원활한 소통으로 프로젝트를 진행하면서 부족한 점들이 점점 채워져나감.
3) 발생한 에러를 서로 공유하며 잘 해결해나감.
4) 자발적인 참여로 역할분담이 수월했음.
- Problem
1) 기능별로 역할분담을 하지 않아 개인 소개 페이지들이 각자의 개성이 매우 뚜렷하지만 통일감이 다소 부족함.
- Try
1) 페이지 레이아웃의 통일성을 위해 개인 작업 시작 전 공통된 레이아웃을 만들고 시작하면 해결.
2) github을 활용한 협업 과정에서 여러 작은 실수로 인해 혼선이 있었지만, 여러번의 시행착오를 겪은 후
github 사용법을 완벽히 숙지하여 더이상 문제없음.
- 느낀점
짧은 시간동안 진행되는 프로젝트여서 많은 것을 시도하기보단 학습한 것을 온전히 활용할 수 있는가에
포커스를 맞추고 프로젝트를 계획하였습니다.
팀원 모두에게 좋은 연습 겸 실전에 적용하는 기회가 되었으면 좋겠습니다.
프로젝트 기간동안 소통시간을 많이 가지니까 처음에는 부족했던 부분들도 마무리가 되어갈수록
점점 발전하는게 보였습니다. 협업은 소통이 중요한 것 같습니다.
혜진-팀원분들이랑 메인 페이지 꾸미고 기능 더 넣고 하는 과정에서 더 재밌었고 오류가 있을 때같이 머리 맞대서 해결해 보고 하면서 협업의 장점을 느꼈습니다. 오류가 해결이 안 되더라도 혼자일 때보다 스트레스도 덜 받았던 것 같다. 수업 때 진행한 기능들을 더 넣지 못한 아쉬움도 있었습니다.
현웅 - 프로젝트 첫 날부터 진도도 가장 느렸고 두 번째 날에는 작지 않은 사고도 쳤지만 팀원분들을 잘 만나서 많은 도움과 격려를 받았다. 모두가 적극적으로 소통하고 문제가 있으면 함께 해결해나가며 참여해줘서 수월하게 프로젝트를 마무리 할 수 있었다. 좋은 팀원분들을 만나서 짧은 기간이었지만 좋은 경험이었다. 앞으로 다른 팀이 되고 이 캠프가 끝난 후에도 계속 서로 돕고 끌어주는 인연이 되길 바란다.
호진 - 처음으로 진행해 보는 코딩 팀 프로젝트에서 처음에는 익숙하지 않아서 힘든 것도 있었지만 다 함께 서로 질문을 하거나 답을 알려주고 튜터님에게 질문을 통하여 원인과 결과를 알게 되는 과정이 되었습니다. 제로부터 시작하는 것에 큰 부담이 가졌지만 팀장님과 다른 팀원분들과의 소통으로 차근차근 하나씩 만들어 나가는 경험은 절대로 잊지 못할 것 같습니다.
