Codestates pre course 17일차

오늘은 코드스테이츠 프리 코스 17일차
signUp 페이지 유효성 검사 작업
required 사용했을 때 말풍선 css 적용 가능한지 찾아보기.

twittler 목업 코딩하면서 시멘틱 태그에 대해서 정리하는 시간을 가졌다.

twittler 스크립트 작업하면서 코멘트 남기고 로컬 스토리지로 데이터 관리하고
트윗 리스트 필터링도 하고 트윗 생성도 해보고
결론은 바닐라 자바스크립트로 바닥부터 만드려니깐 생각보다 힘이 들더라.....
역시 리액트를 괜히 쓰는게 아니야.. 빨리 리액트로 넘어가고 싶다..
사람은 고생을 해봐야 소중함을 알지😂
twittler 깃허브 레포

완성은 했지만 리팩토링이 좀 더 필요해 보인다.
template 태그와 로컬 스토리지처럼 손에 익지 않은 걸 써보니 꽤 괜찮은 시간이였다.

index.html

<ul>
</ul>
<template>
  <li></li>
</template>

index.js

const list = document.querySelector('ul');
const listItemTemplate = document.querySelector('template');
const clone = document.importNode(listItemTemplate.content,true);
const listItem = clone.querySelector('li');
listItem.textContent = '리스트';
list.appendChild(clone);