TLI, 21.6.4 mon. d+9()

samankeyc·2021년 6월 7일
0

TIL

목록 보기
6/7
post-thumbnail

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지식으로 가득찬 책.

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

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

profile
문제를 해결해야지, 문제있어요?

0개의 댓글