[2024.04.15] TIL 1일차

[ 본캠프 1일차 기록 ]

🖥️ 오늘 공부한 내용 🖥️

깃허브 사용법 (본캠 깃허브 특강)

1. 폴더 경로

폴더 경로 이동 방법

• pwd : 현재 내가 작업하는 폴더 경로 확인
• ls : 현재 경로의 폴거 안에 있는 폴더 및 파일 내역 확인
• ls -a : 숨겨진 파일까지(보통 .으로 시작) 모두 확인 가능
• cd <폴더명> : ls 명령어에서 확인된 폴더로 이동
• cd .. : 한 단계 위 폴더로 이동
• cd <폴더명>/<폴더명> : 한 번에 더 깊이 경로 이동 가능
• mkdir <폴더명> : 현재 경로에서 폴더 생성
• touch <파일명> : 현재 경로에서 파일의 생성과 파일의 날짜, 시간을 변경

2. Github & Git 개념

Git이란?

• 코드 변경점 기록
• 버전 관리 도구 (형상 관리 도구)
• 개발 중 기능 수정 / 업그레이드시 각 단계 버전별 저장&복원 가능
• Git은 로컬 컴퓨터에서 독립적으로 작동
• 소프트웨어의 변경사항을 체계적으로 추적하고 통제

Github란?

• Git을 클라우드로 옮겨놓은 것
• 백업과 공유가 가능한 온라인 코드 저장소
• 프로젝트 협업을 위한 추가적인 기능들을 제공
• Github는 Git을 기반으로 한 웹 기반 호스팅 서비스

3. git 명령어

Git 초기 설정 및 기본 명령어

• git init : 코드 관리를 시작하는 명령어 (정확한 폴더경로에서 입력해야함)
• git status : 파일(코드) 변경 사항 확인하는 명령어
• git log : 저장 내역을 확인하는 명령어

Git 변경사항 업로드 단계

1. git status : 파일(코드) 변경 사항 확인하는 명령어
2. git add : git이 관리할 대상으로 파일을 등록해놓는 명령어 (commit 전단계)
3. git commit : repository의 변경사항을 저장 (+ 변경 내용 메모)
4. git push origin <브랜치명> : commit을 완료한 본인 브랜치 변경사항 저장소에 업데이트

Git 협업 명령어

• git pull origin <브랜치명> : 다른 팀원이 push한 저장소 변경사항 가져오기 (push 전)
• git branch <생성할 브랜치명> : 새 브랜치 생성
• git branch : 현재 속한 브랜치 및 브랜치 리스트 확인
• git switch <이동할 브랜치명> : 브랜치 이동
• git branch -a : 저장소에 존재하는 모든 브랜치 리스트
• git switch <이동할 브랜치명> : 위 명령어에서 브랜치 확인 후 명령어 작성하면 저장소에 있는 브랜치 가져옴

4. 팀 프로젝트 시작

팀 소개 페이지 UI 제작 (Fimga)

메인 페이지 와이어프레임

팀 이름은 "문이 열리네요 그대가 들어오 조"로 정해졌다!
메인 페이지는 다같이 팀 figma에서 디자인했고,
다같이 회의 하면서 디자인하니까 재밌고 유용한 의견이 많이 나왔다 ㅎㅎ
이번 디자인도 팀원들 의견이 잘 반영된 와이어프레임인 것 같다.

• 조 이름에 맞게 문 열리는 디자인 넣자는 의견
• 우리 팀 페이지를 보고 피드백이나 평도 남길 수 있게 방명록 넣자는 의견
• Zep에서 단체 사진 찍어서 배너 이미지 넣는 의견 등...

개인 소개 페이지 와이어프레임

개인 소개 페이지는 각자 원하는 디자인으로 만들어 보고,
각자 디자인해보고 마지막에 투표로 최종 디자인을 뽑았다.
디자인 틀만 하나로 가고 다른 디자인에서 좋은 아이디어들은 합치는 식으로 진행했다.

다른 팀원분들 아이디어 중에 달력, 채팅, 대화형식, 태그 등 좋은 아이디어가 많았지만,
시간상 어려운 기능들은 빼고 진행하게 되어서 조금 아쉬웠다 ㅜㅜ

내가 만든 개인 페이지 디자인

나는 단순 포트폴리오용 프로젝트 보다는 이 사이트 자체를 포트폴리오 관리 및 정리용으로 만들면
나중까지 유용하게 쓰일 것 같아서 사진과 같은 디자인을 해봤다.

• 소개 프로필
• 기록 관련 사이트 주소
• 자소서 / 이력서 파일 관리
• 자격증 목록
• 포트폴리오 정보 카드 등
  등의 기능을 등을 고려하여 만든 디자인이다

5. 느낀점

깃허브를 전에 사용해보긴 했지만 명령어를 외워서 순서대로 사용하는 느낌이 강했는데
이번 특강 때 깃과 깃허브 자체를 좀 알게된 것 같아서 좋았다

이번 프로젝트는 형식적인게 아니라 팀원분들과 기획 디자인부터 개발까지 해보면서 많은 걸 배울 것 같은 기대가 있다.
그리고 이 프로젝트를 계속 유지보수 하면서 팀원 모두 포트폴리오 관리 웹페이지를 갖게 된 것도 좋고,
앞으로 구현할 firebase 활용 기능이나 방명록 작성 기능도 기대된다!!