[Kotlin&Spring] 5기 내일배움캠프 2일차

어제 처음으로 부트캠프와 팀 프로젝트를 시작하게 되어서 너무 설렜다

기분이 많이 들떠서 잠도 잘 못잤다

그래도 오늘 기분 좋게 일어나서 온라인 수업에 참여했다

 

오늘 아침에 팀원들과 간단히 팀 프로젝트 내용 중 할 부분 과 개인 별 계획 공유했다

그 후에 알고리즘/코딩테스트 푸는 시간을 가졌다

비전공자에 문과여서 아직 나에겐 어려운 문제가 많은 것 같다

그래도 하나 하나 풀어가며 얻는 성취가 많다

프로그래머스 코딩테스트 문제들은 testcode 를 매개변수로 받는 solution 클래스의 solution 메소드를 작성하는 방식이다

백준만 풀다보니 새롭고 좋다

 

사다리 타기로 팀장이 우연히 내가 되었다

그래서 어제 배웠던 git 명령어를 바로 사용하게 되었다

내 Github 에 새로운 '2Code' 레포지토리를 만들고, collabrator로 팀원들을 초대했다

필요한 페이지들을 만들고 Git에 공유하고, 팀원들이 clone 기능으로 받아서 작업했다

 

그 후에는 각자 맡은 팀프로젝트의 파트에 열심히 임했다

나는 헤더/푸터 제작과 게시글 삭제 기능 구현 역할을 맡았다 

Header 와 Footer 개념은 처음 들었지만 실제 웹사이트에서 자주 보이는 부분이었다

 

Header에는 로고 이미지와, 가운데 2Code를 띄우고 하이퍼링크로 언제든 메인페이지로 이동할 수록 했다

가장 헤맸던 내용은  사실 <a href="주소">2Code</a> 이 부분에서 밑줄 부분을 삭제하는 것이었다

CSS의 기능 중 text decoration: none; 을 사용하면 간단히 해결할 수 있었다

많이 헤맨만큼 다음은 잊지 않을 것 같다 ㅎㅎ

그 외에 CSS 기능 중 position: fixed; 를 하면 스크롤을 내려도 고정할 수 있다 ㅎㅎ

 

Footer에는 무슨 내용을 넣을까 고민하다가 간단하게 깃허브 링크와 저작권 고시를 넣었다

사실 Footer 고정하는 것도 어려웠다

그래서 처음에는 Header Content Footer 로 세 부분으로 한 파일에 작업했는데, 다른 분이 상세페이지 만든 부분과 연결하니  모든 부분이 Header 로 들어가서 두 파일, Header 와 Footer로 나누고 Content 부분을 삭제했더니 해결되었다

또 Footer는 postion: relative; 기능을 사용해서 Header 와 다르게 맨 아래쪽에서만 볼 수 있도록 하였다.

 

이 과정에서 팀원들과 Github 에 pull 과 push 명령어로 공유하는 경험을 했다

팀원들과 코드와 데이터베이스에서 쓸 변수를 공유하고, commit 메시지의 규칙도 정하는 경험도 했다

오늘 하루 12시간이 지났지만 생각보다 빠르게 갔고 즐거웠다

 

내일은 크리스마스이다

푹 쉬고 또 목요일에 힘내봐야겠다~