24/08/06 - 팀프로젝트 일일 회고 2

오늘은 Git에 대해 배우고, 어제 기획했던 웹을 구현하기 시작했습니다.

 

Git은 분산형 버전 관리 시스템으로, 소프트웨어 개발 과정에서 소스 코드의 변경 사항을 추적하고 관리하는 데 사용합니다. 쉽게 말해 저장소(repositories) 안에 프로젝트를 저장하고, 커밋(commit)을 통해 파일의 변화를 저장소에 기록합니다.

 

Git에 대한 이야기는 나중으로 미루고, 오늘 한 팀플 이야기를 하겠습니다.

제가 맡은 부분은 상세 페이지 부분으로, DB 안에 있던 정보들을 가져와 틀에 맞춰 사용자에게 보여주는 구간입니다. 그러기 위해 먼저 HTML을 이용해 구간을 나누었습니다.

나뉘어진 구간

 

어지러운 CSS지만, 구간을 한눈에 파악하기 위해 어쩔 수 없었습니다(...)

 

아무튼, 이후 DB에 저장된 정보를 가져와 화면에 띄우는 작업을 진행했습니다. 파이어베이스를 이용했으며, 들어있는 값은 다음과 같습니다.

임시 값

글쓰기 페이지를 맡은 팀원이 임시 값을 DB에 넣고, 저는 해당 값을 가져와 작업을 진행했습니다.

 

DB 값 가져오기

 

상세 페이지는 필요한 정보 1개만은 DB에서 가져와 보여줘야 합니다.

 

그러나 제가 사용한 방법은 저장된 DB를 모두 확인하는 방법입니다.

때문에 저는 일단 이름을 키값으로 설정하여, 해당하는 이름일 경우(즉, 내가 보고 싶은 사람의 이름)에만 상세 페이지에 정보가 뜰 수 있도록 했습니다.

 

다만 문제는 반복문으로 돌아가는 만큼, DB의 개수 만큼 데이터를 검토할 것이며, 그중 일치하는 것만 가져올 것이라는 점입니다. 이는 매우 비효율적인 방법이나, 다른 방법은 떠오르지 않아 임시방편으로 해당 방법을 사용했습니다. 이 부분은 추후 수정될 예정입니다.

 

아래는 DB에서 차은우의 정보값을 가져온 결과물입니다. CSS도 수정했습니다.

결과물

 

 

 

다음 목표

내일 할 일은 석연치 않았던 데이터 불러오기 방법 수정과, 홈화면에서 프로필을 클릭했을 때 해당 프로필 주인의 상세 정보를 페이지에 띄우는 것입니다.