20240716_TIL_ 내일배움캠프 시작 2일차 팀 소개 페이지 HTML,CSS 구현

 

✨ 본 캠프 2일차 

 

오늘은 내일배움캠프 Java 6기 본캠프 2일차 미니 팀 프로젝트 <팀 소개 웹페이지> 2일 째이다.

 

다른 팀원 분들이 웹페이지 개발을 위한 내일배움캠프에서 제공해준 웹 기초 강의를 완강하지 않아 수강하였고 나는 유일한 프론트엔드 경력자로써 메인페이지, 팀 개인 페이지 구조와 HTML을 완성하기로 했다

 

솔직히 말하면 HTML, CSS 코드는 막힘없이 이해할 수 있는 수준이기에

Chatgpt 를 이용해 기본 뼈대, CSS를 구성한 후 보기에 이상한 부분 수정과 코드 리팩토링을 진행했다..

 

오후 2시에 TIL을 어떻게 써야하는지 대략적인 방법과 왜 써야 하는지에 대해 특강을 들었다.

내가 하루 하루 배운 것이나 느낀점을 까먹지 않고 적기 위해 쓰는 것이기도 하고

팀 프로젝트 등에서 내가 기여한 바가 큰 것 같은데 증거를 남겨 놓지 않으면 많이 했다고 주장해도 증거가 없으면 증명할 수 없다. 그냥 억울할 뿐이다!!

 

우리 팀은 모두 내향인으로 의견 취합 부분에서 어려움이 있었다. 그래도 2일차여서 다들 익숙해 지셔서 의견을 내주셔서 감사하다 !

 

메인페이지 구성에는 프로젝트 명 / 소개 구역,  조 이름 / 소개, 팀 약속 & 규칙, 팀원을 대표할 수 있는 사진과 MBTI를 담은 카드를 담을 구역이 있어서 시간이 오래걸릴 줄 알았는데 생각보다 빠르게 완성해서 내일배움캠프에서 제공한 SQL 강의 공부했다. 

 

오늘 한 일 

✅ 메인페이지에 구역을 나누고 HTML과 CSS로 코드를 작성하였다. (챗GPT야 고맙다..)

 

 

✅ 팀원들을 대표할 수 있는 이미지를 인사이드 아웃 이미지로 정했는데 저 인사이드 아웃 이미지를 클릭하면 개인 페이지마다 각자 인사이드 아웃 캐릭터 색으로 'linear-gradient' CSS 속성을 이용해 포인트 배경을 주었다. 예쁘다 ㅎㅎ  아래의 이미지는 본인이다..

 

 

💖 내일 할 일

✅ 개인 페이지에 인적 사항(이름, MBTI, 취미, 블로그 링크) 와 자기소개, 나의 장점, 협업 스타일의 내용을 HTML로 채워넣기로 했다.

 

느낀점

일주일의 미니 프로젝트라도 내가 기여한 바에 대해 엄청난 뿌듯함을 느꼈고 
앞으로도 내가 할 수 있는 것을 최대한 기여하는 사람이 되자고 생각했다.
캠프 2일차 9 TO 9 코딩이 체력적으로 힘들긴 해도 앞으로 잘 이겨내길 바라며 다짐했다.