부스트캠프 회고 - 멤버십 2주차 day2

<Today I Learned>

• html
  • position absolute 사용 시 고정 대상 parent는 position relative를 가진 가장 가까운 상위 노드.
    • 고정하려는 대상에 명시하지 않으면 이상한 위치에 기준으로 고정됨
  • z-index: 이미지 편집기의 layer와 같이 element가 보이는 순서를 결정함.
  • meta 태그: og(open graph) parameter로 메타데이터를 지정하고 다른 이미지에서 preview 렌더링 시 필요한 정보를 전달 가능. Search Engine Optimization에도 중요. (실습해보기!)
• pug
  • mixin 사용하기
    • 특정 component 형식을 모듈화하고 include해서 쓸 수 있다.
    • 함수처럼 parameter를 전달하여 내용을 지정해줄 수 있다.

<오늘의 느낀점>

• checkout -- 명령어는 조심해서 사용하자...
  • DB파일이 자꾸 서버 구동 시 바뀌어서 change를 취소해주기 위해서 많이 썼었다.
  • 원래 database/. 를 붙여서 쓰다가 오늘 무심코 그냥 . 을 찍어버렸다.
  • 2시간동안 작업한 css가 날라가서 멘붕
  • 복구방법을 급히 구글링했으나 영구적으로 날라갔으며 checkout -- . 은 안좋은 습관이라는걸 알았다.
  • 다행히 vscode에서 ctrl + z를 써서 복구했다...
  • 다음부터는 이 명령어는 지양하도록 하자
• FE는 구현이 정말 한땀한땀 오래걸린다...
  • 간단한 구현사항이라고 생각하고 일정을 잡았는데도 한세월이 걸려서 진도가 밀렸다...
  • flex로 불가능한 구현사항도 있는것을 보니, position flex grid를 모두 숙달하고 적재적소에 쓰는 것이 중요한 것 같다. 
  • 내일 밀린 건 어떡하지?
  • 유명한 웹사이트를 만든 FE 엔지니어들이 존경스럽다.
• 처음 PR을 신청했다.
  • 남에게 리뷰받는다고 생각하니 조금 떨린다.
  • 내 나름대로는 코드를 구조화하려고 노력했는데, 남이 보기에는 어떨지 궁금하다.
  • 특정 폴더 안에 있는 파일명도 폴더명을 붙여주어야 할까?
    • 디렉토리 구조가 semantic을 부여해준다고 생각해서 생략했는데, 리뷰어분 의견이 궁금하다.

<오늘의 칭찬>

• PR 메시지를 자세하게 잘 썼다.
  • 운영진께서 올려준 iOS 부캠퍼의 PR 메시지에 자극을 받았다. 
  • PR 쓰는데 1시간 걸린건 함정
• 저번에 말한대로 크롬 개발자 도구에 의존하기보다는 스스로 화면 구현방법을 생각해서 코드를 짜 보았다.

<개선점 & Reminder>

• 7시까지 구현사항 마무리 하도록 노력하기