미니 프로젝트 회고록(KPT)
·
미니 프로젝트/자기소개 웹페이지
프로젝트 기간 :24.7.15~24.7.19 KPT 정리Keep끊임 없는 질문함께 같은 목표/디자인으로 통일 되었는지 꾸준히 질문/소통배려하는 협업 자세몰라도 일단 해보는 자세프로젝트의 집중력Problem명확하지 못한 역할 분담 할당github 사용 미숙디자인 선정특정 팀원의 수준미달기능을 조금 더 디벨롭 할수 있었지만, 시간이 애매해서 계획수립된후 계획을 변경하지 않음 /추가하지 않음.Try다음 프로젝트에서는 각자 브랜치를 파 봅니다.디자인적 부분하루 일과 종료 1시간 전(?) 스터디모임🎖️ 잘한 점끊임 없는 질문과 소통팀원들이 프로젝트 진행 중 같은 목표와 디자인으로 통일 되었는지 꾸준히 질문하고 소통한 점은 매우 긍정적이었다. 이로 인해 프로젝트가 일관성을 유지하며 진행될 수 있었다.배려하는 협업..
미니 프로젝트. 4
·
미니 프로젝트/자기소개 웹페이지
발표하기전 마지막 정리입니다. 마지막 정리이니 최종적으로 디자인 수정해야 될 것이 있는지, 발표할때 필요한 피피티 제작 및 대본 작성을 하는 시간을 가졌습니다. 이 프로젝트를 통해 얻은 이점웹 제작 프로젝트를 진행하며 HTML, CSS, jQuery를 활용하여 팀원의 개인 카드를 만들고, 팝업을 띄워 상세 정보를 보여주는 작업을 수행했습니다. 또한, 각 카드에 링크를 추가하여 더 많은 정보를 쉽게 접근할 수 있도록 했습니다. 이 과정을 통해 여러 가지 유익한 점을 얻을 수 있었습니다. 첫째, Git과 GitHub를 사용하여 협업하는 기본적인 방법을 배웠습니다. 프로젝트를 진행하면서 팀원들과의 코드 통합 및 버전 관리를 원활하게 하기 위해 Git을 사용하였고, GitHub를 통해 코드를 공유하고 협업하였습..
미니 프로젝트. 3
·
미니 프로젝트/자기소개 웹페이지
일단 오늘 프로젝트 작업물 최종본이다.오늘 작업물을 확인해보니 어제 수정한 폰트가 소실(?)되어 재작업하였다.오늘의 디자인작업폰트 소실된거 복구깃허브링크버튼 상단으로 옮김INFORMATION. LICENSE, WEB MASTER 좌로 옮겨 적절하게 공간배치슬로건 작성팀원 개인카드 자기소개 작성/*/*구글 폰트 api*/@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gowun+Dodum&display=swap');@import url('https://fonts.googl..
미니 프로젝트. 2
·
미니 프로젝트/자기소개 웹페이지
오늘 작업 최종본이다. (폰트는 팀명엔 :Black Han Sans, 슬로건 : Gowun Batang, 팀원 개인카드 : Gowun Dodum으로 적용했다. use google font) css.footer-box { width: 100vw; margin-top: 100px; height: 250px; text-align: center; background-color: #D73E45;}.footer-image-container { display: flex; margin-top: 100px; gap: 0; /* Ensure there is no gap between images */ position: relative;}.github-button { ..
미니 프로젝트. 1
·
미니 프로젝트/자기소개 웹페이지
자기소개 주제로 간단한 프로젝트를 진행하였다. 그중에서 나는 css를 이용해 주제에 맞는 카드를 부트스트렙에 가져와 살짝(?)의 수정을 거치는 작업을 하였다.    DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">    link href="https://getbootstrap.com/docs/5..