[TIL] 2021.11.16

오늘 한 일

• Bootstrap 웹 프레임 워크
• Figma 예제를 보고 로그인 페이지 구현
• JavaScript 객체와 기본 문법

공부한 내용

• JavaScript 객체와 기본 문법 (GitHub 바로가기)

    <script>
        function Card (num, color) {
            this.num = num;
            this.color = color;
            this.init();
        }

        Card.prototype = {
            constructor: Card,
            init: function() {
                const mainElem = document.createElement('div');
                mainElem.style.color = this.color;
                mainElem.innerHTML = this.num;
                mainElem.classList.add('card')
                document.body.appendChild(mainElem);
            }
        };

        const card1 = new Card(1, 'green')
        const card2 = new Card(7, 'blue')
    </script>

오늘 느낀 것

• JavaScript 공부를 하며...

  최근 JavaScript 기본 문법을 다시 공부하면서 리액트를 공부할 때,
  사용한 JSX 문법과 유사하게 코드를 짜보고 있어 쉽게 이해가 되면서도
  한편으론 헷갈리기도 한 내용이 아직은 많이 있다.

  하루빨리 JavaScript 문법과 친해지도록 반복과 많은 연습을 해야겠다.

내일 할 일

• 프론트엔드 스쿨 13일차 수업 듣기
• 데일리 영어 스피킹 공부하기
• 인터랙티브 웹 개발 강의 듣기