부스트캠프 회고 - 멤버십 1주차 day4

 <Today I Learned>

• Express
  • app.use와 app.all의 차이점
    • app.use('경로', callback): '경로'와 url base가 매칭되면 모두 미들웨어 실행
      • app.use('/api', callback)을 할 경우
      • mydomain.com/api, mydomain.com/api/* 에서 실행됨
    • app.all('경로', callback): '경로'와 url이 정확히 일치할 경우 미들웨어 실행
      • app.all('/api', callback)을 할 경우
      • mydomain.com/api 에서만 실행됨 
• HTML5
  • div, section, article의 차이점
    
    • 참고자료: bitsofco.de/sectioning-content-in-html5/
    • semantic이 중요하다! 형식보다는 담고있는 내용의 성질을 나타낸다 
    • div: 내용들 간에 아무 연관성 없음
    • section: 내용들이 의미적으로 연관성이 있다
      • ex. 상단 navigation bar section -> 스크롤과 무관하게 쓰여야 할 버튼의 모음
    • article: 내용들이 의미적 연관성이 있으며, 내용의 집합이 독립적인 단위로 의미를 가진다(self-contained)
      • header를 가져야 함 (h1)
      • ex. 기사 article -> 기사제목, 기사내용, 기사이미지 -> 독립적으로 기사라는 단위를 이룸
• Pug(Jade)
  • inline javascript 사용법
  • buffered: script를 실행만 하고, html에는 영향을 주지 않음(변수 선언 등에 사용)
  • unbuffered: script를 실행하고, 표현을 evaluate한 결과값을 html에 추가
  • unescaped: 특수문자를 escaping 처리 없이 그대로 html에 추가
    • p!= 'some <strong>javascript<strong> text' 를 할 경우 strong 태그가 그대로 html에 적용
  • script 태그: <script>some javascript code</script>와 같이 html에 스크립트를 넣는 효과

- some javascript code // unbuffered

= some javascript code to be evaluated // buffered

!= some unescaped javascript code to be evaluated // buffered, unescaped

h1= `hello camper ${2*3}` // <h1>hello camper 6</h1>

script some javascript code

script.
  some block javascript code
  more block javascript code

 

 

<오늘의 느낀점>

• 어떤 분이 express 미들웨어와 관련해서 올리신 질문에 잘못 답변을 달았다... 
  • app.use와 app.all이 동일한 기능인줄 알았다
  • 열심히 틀린말을 써놔서 부끄러웠다... 다음부터는 꼭 검색하고, 코드로도 체크해서 확인하고 답변을 해야지
  • 덕분에 app.use와 app.all의 차이점을 단단히 알게 되었다
• 스터디원 분들과 스크럼 시간이 자꾸 길어진다
  • 첫날 1시간 -> 둘째날 1시간 30분 -> 오늘 2시간
  • 스크럼이 아니라 피어세션 + 잡담이 되가는 기분...? (재미있음) 
  • 스크럼의 본질은 무엇일까? 간단한 상황 업데이트 + 친교활동일까
    • 코드나 구현방식을 붙잡고 오래 토론하는것은 코드리뷰시간의 역할인 것 같다
• 생활패턴 유지를 잘 못해서 의욕이 빠지는 느낌이다. 집중시간 & 작업효율이 좋지 않다. 
  • 그래도 일정표의 목표들은 다 끝내서 다행

<오늘의 칭찬>

• 챌린지 때 같은 스터디원분에게 DM이 와서 아는 것을 최대한 알려드렸다
  • 다시 알던 분들에게 연락이 오니까 반가웠다 :)
• html 태그의 사용의도에 따라 코드를 짜도록 노력해 보았다. (div / section / article)

 <개선점 & Reminder>

• 어설프게 알고 남에게 알려주려고 하지 않기
• 컨디션 조절 잘하기