[2024.04.30] TIL 12일차

[ 본캠프 12일차 기록 ]

🖥️ 오늘 공부한 내용 🖥️

2주차 개인과제 피드백 및 재제출

1. 튜터님 피드백

• querySelector와 getElementByClassName의 적절한 쓰임

// 고치기 전
const movieCards = Array.from(document.querySelectorAll(".movieCard"));

// 고친 후
const movieCards = Array.from(document.getElementsByClassName("movieCard"));

2. reset.css

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

3. 깃허브 특강

• 브랜치 생성 : git branch <생성 할 branch명>
• 생성한 브랜치로 이동 : git switch <생성한 branch명>
• 생성한 브랜치 업데이트 : git push origin <생성한 branch명>
• 브랜치 생성 + 이동 : git switch -c <생성 할 branch명>
• 풀리퀘 전에 풀 먼저 : git pull origin <합칠 브랜치명>