[내일배움캠프_spring] 주간회고 WIL - 1주차

기간 : 10.31.~11.04. (총 5일간 진행)

프로젝트 발제 : 미니 프로젝트-팀 소개 웹페이지 만들기

 

1.팀배정

 랜덤으로 정해진 팀원들과 1주일 동안 웹페이지를 함께 만든다는 생각에 과연 내가 잘 해낼 수 있을지 걱정과 함께 들떴다. 랜덤이면 한 분정도는 경력자였으면 좋았을텐데... 가장 긴 코딩 경력이 한달차 팀장님!! 모르는 건 서로 도와주면서 해결해 나가기로 정하면서 시작.

 

2.프로젝트 기획

필수적으로 구현해야 할 기능들이 주어졌기 때문에 코딩 쪼랩인 우리 팀은 그 기능들을 최우선으로 웹페이지의 틀을 잡았다. 팀원분들이 다 조용한 스타일이셔서 걱정했지만 생각보다 의견 제시가 좋아 빠르게 기획을 마쳤다. 

 

3.역할 배분

모든 팀원들이 코딩을 거의 처음 배우고 있는 분들이기 때문에 서로 실력이 고만고만하다고 판단되서 공평하게 사다리타기로 파트를 분배하기로 결정했다. 나는 메인페이지를 밑게 되었고 서버 연결과 메인페이지 상단 기본 css구성 등을 담당했다. 또 개인소개 페이지는 각자가 맡아 작성하기로 정해졌다.

 

4.API설계 및 S.A (Starting Assignments)작성

 SA작성을 통해 기본적인 뼈대를 만들었다. 메인페이지와 상세(개인)페이지의 구성을 정하고 안에 들어갈 기능들을 정했다.  나는 주로 html과 css만 다룰 예정이어서 부트 스크랩을 열심히 돌아다녔다.

 

5.완성본

https://www.notion.so/A-8-2115889f71a14947a7a6640ab0a3b59c

A-8.오히려좋아 팀 프로젝트 정리본

 

6.어려웠던 점

 기본적인 틀들은 사전캠프 웹강의를 통해 들은 내용들이라 어렵지 않았지만 우리 팀의 경우 깃을 이용하여 서로 밑은 부분을 공유하고 편집했는데 처음 사용할 때 사용법을 몰라 사용법 강의를 찾아 봤다.. 팀장님이 마지막 날에 깃 사용법을 더 자세히 알려줄걸 하고 아쉬워하셨는데 안그래도 너무 수고하셔서..ㅎ.  째든 강의를 찾아 듣고 그래도 팀 활동을 할 때 필요한 부분은 어느 정도 활용할 수 있게 되었다. 

 내가 맡은 부분이 html과 css활용 부분이라 크게 어려운 부분은 없었지만 개인페이지에서 <table>을 이용해 칸을 만들었는데 선을 지우니 문단들이 서로 삐뚤하게 안맞아 보여서 상당히 거슬렸다. <ul><li>를 이용해서 어떻게든 깔끔하게 만들고 싶었는데 결국 그냥 <hr/>로 구분선을 그어 그나마 삐뚤게 보이지는 않게 되었다. 개인적으로 개인소개페이지는 너무 완성도가 아쉬웠는데 기능적인 기능이라기 보다는 css측면이 너무 아쉬웠다. 개인페이지를 발표 전날 다같이 만들게 됬는데 서칭 중 맘에 드는 디자인이 있어서 적용하고 싶었지만 시간이 너무 부족할 것 같아 결국 포기했다. SA를 만들 때 좀 더 디테일하게 미리 구글링해봤으면 좋았을껄 하는 아쉬움이 남았다.

 

7.마지막 작업

제출할 내용들을 정리했다. 발표 전 총 2가지를 제출해야 하는데 프로젝트 정리본과 발표 대 틀 시연영상이다. 시연영상은 발표담당 팀원님이 준비하시겠다고 하셨고, 나와 다른 팀원 둘이 정리본을 맡아 하기로 했다.  정리본을 작성할 때 구현 기능부분을 어떻게 적어햐 할지 고민이 많았는데 같이 맡은 팀원분이 정리를 해주셔서 빠르게 끝냈다. 그동안 팀장님은 마지막으로 필수 기능들이 구현이 잘 되는지, 상세페이지는 다 준비가 됬는지 마무리를 해 주셨다.

 

8.이번 프로젝트의 키워드 : Git, API

• Git: 소스코드를 주고 받을 필요 없이, 같은 파일을 여러 명이 동시에 작업하는 병렬 개발이 가능하다.

 팀 프로젝트가 아닌, 개인 프로젝트일지라도 git을 통해 버전 관리를 하면 체계적인 개발이 가능해지고, 프로그램이나 패치를 배포하는 과정도 간단하게 할 수 있다. (pull을 통한 업데이트, patch 파일 배포) 

 

• API: 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘

1. API는 서버와 데이터베이스에 대한 출입구 역할을 한다.
: 데이터베이스에는 소중한 정보들이 저장되는데요. 모든 사람들이 이 데이터베이스에 접근할 수 있으면 안 되겠지요. API는 이를 방지하기 위해 여러분이 가진 서버와 데이터베이스에 대한 출입구 역할을 하며, 허용된 사람들에게만 접근성을 부여해줍니다.

2. API는 애플리케이션과 기기가 원활하게 통신할 수 있도록 한다.
: 여기서 애플리케이션이란 우리가 흔히 알고 있는 스마트폰 어플이나 프로그램을 말합니다. API는 애플리케이션과 기기가 데이터를 원활히 주고받을 수 있도록 돕는 역할을 합니다.

3. API는 모든 접속을 표준화한다.
API는 모든 접속을 표준화하기 때문에 기계/ 운영체제 등과 상관없이 누구나 동일한 액세스를 얻을 수 있습니다. 쉽게 말해, API는 범용 플러그처럼 작동한다고 볼 수 있습니다.

 

9.느낀점

부족했던 모습들이 자꾸 생각나 너무 아쉬웠던 1주일이었다. 

조금 더 욕심을 부렸다면 더 좋은 결과를 충분히 낼 수 있었을텐데 너무 안일하게 생각하지 않았나 싶은 프로젝트였다.  프로젝트 시작 전 더 명확한 밑그림을 가지는게 정말 중요하다는 생각이 들었다.