TLI, 21.6.4 mon. d+9()

TLI, 21.6.7 mon.

🌞 오전

• 평소보다 20분 빨리 출근.

☕️ 스타벅스 프로젝트

🛠 리스트페이지 / 디테일페이지 추가 중

코드리뷰

• 금요일 세션에서 봤던 로그인 버튼 구현 라이브 코딩을 봤지만 그 때 내껄로 만들지 못하여 아직 이해가 덜 된 부분이 있었다. 그 이후 과정을 짜는 중에 코드 리뷰를 받음.

• github에 PR하고 상태 변경을 잘 체크 (라벨 : 수정요청 등)
• 제목 수정으로 무엇이 추가/수정 되었는지 명시
• ul / li 로 만들 nav 태그
• PR에 console.log나 주석 지우기 (주석을 남긴 이유를 명시)
• 주석에 메모처럼 써둔 것 조심
• float 사용 자제
• css attribute 순서 파악
• container 이나 wrapper의 경우 조금 더 확실하게 명시
• 동작하지 않는 코드는 merge 될 가능성이 있으니 빼고 push

---

🌝 오후

• 2시 위워크 도착. 퇴근하고 집갔다가 다시 서면가는 이동시간이 좀 줄었으면 😭😭.

🛠 로그인 페이지 구현

const inputId = document.getElementsByClassName('inputId')[0];
const inputPw = document.getElementsByClassName('inputPw')[0];
const loginBtn = document.getElementsByClassName('loginBtn')[0];

function handleLoginBotton (){
  if(inputId.value.length > 0 && inputPw.value.length > 0){
    loginBtn.classList.add("active");
  } else {
    loginBtn.classList.remove("active");
  }
}

inputId.addEventListener('input', handleLoginBotton);
inputPw.addEventListener('input', handleLoginBotton);

🛠 overflow: hidden;

• list 페이지에 이미지 hover 했을 때 이미지 container 크기는 고정되게, 안 이미지는 확대 해야하는데 여러 방법으로 시도해보다가 img를 감싸고 있는 a 태그에 적용되는 것을 발견.

• 그러면 이미지 아래 상품명 text가 제멋대로가 되는 현상.

• 다시 구현하러 쑝.

🧠 코드카타

• 민성님이랑 짝이 되어 한 명은 navigator, 한 명은 driver가 되어 알고리즘 문제를 풀어봄.

• 이거...JS만 잘한다고 될 일이 아닌데...?

📔 모던 자바스크립트 Deep Dive

• 토요일에 수호님 추천으로 산 책.

• 무려 900페이지가 넘는 JS지식으로 가득찬 책.

• 읽고 또 읽고 또또 읽어야하 머리에 들어올 듯하지만 설명이 잘 되어 있어 읽기 편함.

• 빨리 읽고 같이 돌려봐야지.