TIL 210920

오늘 한 일

리액트 시작 전 HTML, CSS, JavaScript 학습

추가 학습

• CSS 사칙연산

  • 단위를 맞추지 않아도 사용 가능

     	width : calc(20%-20px);

복습

• CSS flex

  • content의 실제 넓이만큼만 공간을 차지
  • 범위를 정해주지 않으면 공간을 똑같이 나눠가짐

• JS로 DOM 요소 접근 방법

  • class / id / tagname 접근

     	document.getElementsByClassName(' ')
        document.getElementByID(' ')
	document.getElementsByTagName(' ')

• JS 이벤트 생성

  • 클릭했을 때 이벤트가 일어나게 하는(해당 함수가 실행되도록 하는) 내장함수

      	.addEventListener('click', 함수명)

• JS 새로운 요소 만들기

  • 어디에 넣어야할지 따로 지정을 해줘야함

	document.createElement(' ')
            
    ex)
        const new_div = document.createElement('div');
        console.log(new_div);
        // body 요소 안에 새로 만든 element를 저장
        document.body.appendChild(new_div)

느낀 점

당장 새로운 것을 배우고 싶은 마음이 굴뚝 같았는데 반드시 익혀야하는 부분을 다시 학습하니까 그래도 한 발짝 더 나아가기전에 기본기를 다질 수 있는 기회가 되어서 좋았던 것 같다. 새 출발 전에 복습하지 않았다면 가는 길이 좀 더 험난했을 것. 신발끈을 다시 한 번 바짝 조여매자.

내일 할 일

• 리액트 학습