12월 1일 복기

오늘은 DOM을 공부해보았다.

이해가 안되는게 있어서

노트에다가 다 써보았다. 그러면 이해가 되겠지.

DOM이랑

Document Object Model로써

HTML , CSS, JAVASCRIPT를 연결해주는 장치이다.

Dom에 관한 강의를 들었다.

https://www.youtube.com/watch?v=Y3_2BLb3hz8

유투브에 대한 내용이다 설명을 들으면 이벤트 객체를 이해할 수 있다.

Pre-sprint Validation check를 해보았는데

원하는 요구 조건이다.

/*

버튼을 클릭했을 때, 작동해야하는 시나리오의 예시를 소개합니다.
예를 들어, 아이디가 8자 이상인지 확인하려면,

1. 아이디 input box를 변수로 지정한다

2. input box에 적힌 값을 얻어온다

3. input 값을 함수를 이용해 검증한다

4. 함수 리턴값 (true 또는 false)을 통해 유효성을 검증하여 로직을 분기한다

5. 유효하다면, 정상적으로 로그인했다고 alert 창을 띄운다

6. 유효하지 않다면
   6-1. 아이디 입력창 옆에 오류 메시지를 표시한다
   6-2. 아이디 입력창에 붉은색의 스타일을 적용한다

   */

1. input box를 변수로 지정한다.

const btnSignup = document.querySelector('#btn-signup')

2. input box에 적힌 값을 얻어온다.

btnSignup.onclick = handleBtnSignupClick;

3. input 값을 함수를 이용해 검증한다.

트위들러가 이해가 안되어서 노트에 써보았다. 그래도 조금 힘든것같다. 아무래도 유투브 강의를 보면서 공부를 해야겠다.