TIL_2020년 10월 10일 (토)

목차

• 1.오늘 한 일
• 2.오늘 배운 것과 깨달은 것
• 3.오늘 진행한 작업물 (사진)

1.오늘 한 일

1. SpartaCodingClub App개발 종합반

   • npm, node 삭제 후 재설치
     하아…이것때문에 다 문제였구나. 알고보니 내가 node를 명령어로도 설치하고 pkg파일로도 설치해뒀다. 아마 어떤 에러가 있을 때 그 것을 해결하기위해 그냥 그 사람들이 시키는대로 이것저것 깔았기때문일 것이다. 어쨌든 알고보니 컴퓨터 여러곳에 node가 깔려있었고 다 지워내고 다시 재설치. 그러고 나니 거짓말처럼 expo가 작동하기 시작함. 너무 다행이다.

   • expo 설치 및 세팅. 본격적인건 내일부터

2. NomadCoder Vanilla JS
   • 6일차, 3.3강 ~ 3.4강
   • 오늘은 localstorage이용하여 저장하는 방법

   
   
    const form = document.querySelector(".form"),
      input = form.querySelector("input"),
      greettings = document.querySelector(".js-greettings");
       
    const USER_LS = 'currentUser',
      SHOWING_CN = 'showing';
       
    function saveName(text){
      localStorage.setItem(USER_LS, text);
    }   
      
    function handleSubmit(event){
      event.preventDefault();
      const currentValue = input.value;
      paintGreettings(currentValue);
      saveName(currentValue);
    }
       
    function askForName(){
      form.classList.add(SHOWING_CN);
      form.addEventListener("submit", handleSubmit)
    }
       
    function paintGreettings(text) {
      form.classList.remove(SHOWING_CN);
      greettings.classList.add(SHOWING_CN);
      greettings.innerText = `Hello ! ${text}`;
    }
       
    function loadName() {
      const currentUser = localStorage.getItem(USER_LS);
      if (currentUser === null) {
        askForName();
      } else {
        paintGreettings(currentUser);
      }
    }
       
    function init() {
      loadName();
    }
       
    init();
   
   
   

2.오늘 배운 것과 깨달은 것

• 코드 줄이 길어질수록 복잡해진다. 내가 뭘 어떻게 했는지 구조도? (예를 들어 a 함수를 실행하는데 b,c를 불러오고 b와 c는 또 d와 f를 불러온다?) 를 그려두면 어떨까? 라는 생각이 들었다. 아마 다 그리기는 어렵겠지…? 그래서 사람들이 코드를 쪼개는 것을 추천하는 것같다. 1기능 1함수같은걸로 하면 좋긴하겠다

3.지금까지 작업물 (사진)