[TIL] 2022-03-09

1. Coding Test

• 백준 문제풀기 (그리디[12/50] → 탐색[12/50] → 동적프로그래밍[10/50])

  • [동적프로그래밍 9번 문제] : #1932, Silver 1, 정수 삼각형 😃복습-성공

  • [동적프로그래밍 10번 문제] : #1912, Silver 2, 연속합 😓진도-실패

---

2. Live Academy

• "~하면 어떤 기분일까?"(Part 1 of 2) | 어떤 경험에 대한 궁금증을 독백 형식으로 표현하기 🔗복습

• 🛠가르치면서 거의 매일 교정하게 되는 영어 표현 "오랜만에" (예전 강의 리프레쉬) 🔗진도

---

3. Vanilla JS

• How to Build a Kanban Board with JavaScript (No Frameworks)

  • innerHTML대신에 createContextualFragment를 사용해서 DOM 생성하는 법을 배웠다.

    const range = document.createRange();
    
    return range.createContextualFragment(`
        <div class="kanban__column">
            <div class="kanban__column-title"></div>
            <div class="kanban__column-items"></div>
            <button class="kanban__add-item" type="button">+ Add</button>
        </div>
    `).children[0];

  • contenteditable속성은 div의 내용을 수정할 수 있다.
    하지만 safari browser에서는 정상 동작 하지 않는다. css파일에 아래 사항을 추가해줘야 한다.

    [contenteditable] {
      -webkit-user-select: text;
      user-select: text;
    }

• How to use the Drag and Drop API - JavaScript Tutorial

---

4. Interview

• 면접 기출 문제 by Woong-il

• 이력서 내용 추가

---

⏱ Total study time - 5 hours 55 minutes