24/04/17 TIL

오늘 해본 것

1. 웹 개발 종합반 3주차 수강
   • JQuery 맛보기 정도?
2. DOM 객체 포스팅
   • DOM 객체의 구조를 간단히 다루어 보았다. 그리고, <script> 태그를 왜 마지막에 적으면 좋은지 그 이유도 알았다!
3. 데일리 미션
   • 늦게 합류해 개인 공부만 하게 된 우리에게 데일리 미션이 주어졌다!
   • 프로필 설정, 용어 정리 등 미션이 있었다.
   • 그 중에서 서버와 클라이언트, 프레임워크와 라이브러리, 미들웨어, SEO(검색엔진 최적화)에 대해서 내용을 찾아본 것이 큰 도움이 되었다!
4. Momentum clone 유저 이름 Local storage 에 저장

• 유저로부터 Input 에서 이름을 입력받고, 이를 Local Storage에 저장한 뒤 인사하는 구문을 출력하려고 했는데 올바르게 동작하고 있지 않았다.

• 그 이유는 localstorage 에서 저장한 이름을 가져오는 코드의 위치가 localstorage에 이름이 저장되기 전에 앞서 실행되고 있었기 때문…

  function getUserName() {
    const storedName = window.localStorage.getItem("name");

    if (storedName === null) { // LocalStorage 에 이름이 저장 안 되어있는 경우
        // form 은 지우고, 새로운 내용 생성하기. toggle 을 이용하자
        nameBox.addEventListener("submit", setUserName);
        nameBox.classList.remove(CLASSHIDDEN);
        toDo.classList.add(CLASSHIDDEN);
    } else { // 이름이 저장된 경우
        nameBox.classList.add(CLASSHIDDEN);
        toDo.classList.remove(CLASSHIDDEN);
        toDoText.innerText = `Hi, ${storedName}!`;
    }
}

여기서 storedName 변수가

내일 할 것

1. 웹 개발 종합반 4주차 수강

2. 데일리 미션

3. Momentum clone To do list 구현

간단 정리

중간에 적당히 쉬었다가 조절하면서 잘 마쳤다! 지치지 않도록 잘 하자.

Momentum clone 이 지체된다. 빨리좀 해보자….