WIL(Weekly I Learned)

Facts

  • 처음으로 팀 프로젝트를 해보았다. GitHub를 사용해서 서로의 코드를 공유 및 병합해가며 프로젝트를 진행했다.

  • 일단 각자 회의를 통해 정해진 구역을 구현해보고 코드들을 병합하기로 했다.

  • 병합한 코드들을 로직으로 묶어서 GitHub Page의 Jekyll로 빌드하면서 문제점을 발견했다.

  • 각각의 구역들이 스타일을 침범해서 조정이 필요하고, 피드백으로 css(Style) 파일과 js(Script) 파일을 분리하여 관리해야 한다는 것을 알게 되었다.

  • 그렇게 주어진 문제들을 직접 해결해보기 위해 각자 방법을 찾아보기로 하고, 팀원 중 한 분이 문제를 해결한 파일을 공유해주셨다.

  • 공유된 파일을 뜯어보며 css와 js를 분리 후 기능적으로 문제가 없게 연결해주는 구문 / 함수 들을 이용했다.

  • 내 구역에서 다른 구역의 기능과 상호작용이 필요한 기능을 추가하고 프로젝트를 마무리 하였다.

Feelings

  • 첫 팀 프로젝트 이기에 힘내야 되겠다 생각하며 약간 설레이는 기분이 들었다.

  • 잘해보자는 심정으로 여러 번 팀원분들과 회의를 주도적으로 하려 했는데.. 거의 혼잣말이 되어서 조금 서운했다.

  • 말도 안돼게 리더를 사다리타기로 뽑아 등을 떠밀어 놓고 무언갈 해드리지 못한 것 같아 미안했다.

  • 아침에 모두 모이면 목표를 다같이 정하고 시작하고 싶어서 기다렸지만.. 아무도 말을 하기 시작하지 않아서 답답한 심정에 먼저 말을 꺼낸 상황이 많았다.

  • 그래도 부트캠프이기에 코딩이 처음이신분들은 자신의 구역만을 구현하는데도 벅찰 수 있다는 생각에, 팀원분들이 회의 내용을 경청해주고 있었다는 것에는 감사함을 느꼇다.

  • 팀원분들이 만든 파일들을 합치면서 css파일과 js파일로 분리하는 문제를 해결해보려고 여러 시도를 했는데, 겨우 해법을 찾았을 쯤에 팀원분이 정리된 파일을 만들어 오셔서 조금 씁쓸했지만서도 엄청 노력하신게 보여서 너무나도 고마우면서 죄송했다.

  • 우여곡절이 있었지만 첫 프로젝트에서 대부분의 인원이 탈주나 포기 없이 완주할 수 있어서 너무 기뻣다.

Finding

  • 팀 프로젝트 첫 날 자기소개나 아이스 브레이킹 없이 바로 프로젝트 기획으로 넘어가 서로의 성격이나 의향을 파악하지 못했던 것이 아쉬웠던 것 같다.

  • 대부분이(나 포함) 첫 발자국으로 진행된 프로젝트 였기에 여러 삽질을 했을거라 추정되는데.. 이에 대해 활발한 소통없이 프로젝트가 진행되어 생각보다 진행이 느렸던 것 같다.
    => 물론 초반의 나도 삽질에 끙끙대며 튜터님께 조언을 듣거나, 팀원들과 공유를 하지 않았지만, 이게 잘못된 습관이라는 걸 후반부에 깨닫게 되었다.

  • 프로젝트 초반에 너무 쉽게 생각하며 지나갔던 것들( 자기소개 / 역할분배 / 기획 )이 후반부에 후회가 되어 돌아왔다.

Future

  • 프로젝트 초반을 신중하게 시작하며 소통을 많이 해야되겠다고 다짐하게 되었다.

  • 모르거나 조언이 필요한 사항들(삽질)은 어느정도 정보를 취합해가며, 안돼는 부분을 정리하여 튜터님께 질문드리거나 팀원분들과 상의를 하는 습관을 들여야겠다.

  • 회의록 / 지식창고를 정리하는 습관을 더 잘 들여 미래의 내(또는 팀원분들이)가 쉽게 이해할 수 있게 해야곘다.

TIL(Today I Learned)

오늘의 삽질

1. 멤버 소개페이지 프로젝트 완성 및 발표자료 / 회고록 작성

  • 프로젝트의 우여곡절을 표현하기 위해 기승전결 형식으로 발표자료를 만들기로 하였다.
    =>완성된 발표자료

  • 프로젝트 발표를 마치고 피드백을 받은 후 회고록을 작성하였다.

2. 블로그-Jekyll Theme 바꾸기

  • 기존의 Jekyll Theme을 이용해서 만든 블로그 디자인이 가독성과 취향이 맞질 않다고 판단이 되었다.
    => 새로운 Jekyll Theme을 선정하고 posts 파일을 옮기고 재가공 하기

기존블로그

  1. Jekyll Theme 중 Yet Another Theme (YAT)를 발견했다.

  2. 기존에 있던 파일들 중 _posts 폴더만을 복사해두고 branch를 추가하여 다운받은 파일을 branch에 추가

  3. 파일들 구조를 분석해가며 수정가능한 변수나 제목들을 찾아서 설정을 완료했다.

  4. 이번 새로운 Jekyll Theme 에 있는 예제 post들을 번역해서 정리해두었다. (포스트 게시일은 생일로 적용했다)

  5. 아카이브 페이지의 날짜 기준을 연도별이 아닌 연도-월 별로 바꾸기 위해 코드를 분석해서 _layouts/archives.html 에 있는 필터를 건들여보고 시도해 보았으나..
    => 실패했다. 아직도 이해가 안가는건 segments.html에서 post들의 field 값(date / e.g. 2024-11-01 00:00:00 )과 filter 된 key 값(filter: %Y /e.g. 2024)들을 비교해서 일치시에 <li>요소를 생성하는데, 연도별 필터인 %Y는 비교에 성공되는데.. 내가 원하는 연도 월별 필터인 %Y-%m는 비교가 실패한다는 것이다..

개선점 분석

  • 이번에 post들을 새로운 양식에 맞추면서 최대한 양식을 통일화 했기에 이에 맞게 Post를 작성해야겠다.

지식창고

---
# Banner 기본 설정
# 이러한 배너 설정은 글로벌 배너 기본값을 위한 것이지만 특정 게시물의 경우 전면에서 구성할 수도 있습니다.
banner:
  video: null             # Video banner source
  loop: true              # Video loop
  volume: 0               # Video volume (100% is 1.0)
  start_at: 0             # Video start time
  image: null             # Image banner source
  opacity: 1.0            # Banner 불투명도 (100% is 1.0)
  background: "rgba(0, 0, 0, 0.8)"  # Banner background 색 혼합 (Could be a image)
  height: "640px"         # Banner 기본 높이
  min_height: null        # Banner 최소 높이
  heading_style: null     # Custom heading style (e.g. "font-weight: bold; text-decoration: underline")
  subheading_style: null  # Custom subheading style (e.g. color: gold)
---