TIL_2020년 11월 03일 (화)

TIL 작성 원칙

• 매일 쓴다.
• 사소한 것이라도 쓴다.
• 좋은 생각이든 나쁜 생각이든 다 기록이라고 생각하고 쓰자.
• 체크박스를 만들어서 꼭 해야하는 일들을 체크해두자!
• 나의 일기이기도 하지만 남에게 보여주는 에세이라고 생각하고 짤도 넣고 재밌게 쓰자~

0. 매일 해야할 일

• 개발관련 글 읽기 or 개발관련 영상 보기

  • 오늘 본 글/영상 : 리액트 관련 자료들…(많이 읽었지만 막상 적을내용은 잘 없네요…)
• 개발관련 공부
• TIL 작성

• 알고리즘 풀기 Q. reverse 함수에 정수인 숫자를 인자로 받아 뒤집은 후 return해주세요. (ex. 1230 -> 321, -1234 -> -4321)

  • 내가 작성한 코드

    const reverse = (x) => {
      console.log(x); // 1234
      console.log(typeof x); // int (현재타입)
      let temp = x.toString(); // 문자로 변환
      console.log(temp); // 1234
      console.log(typeof temp); // str (현재타입)
      let temp2 = temp.split(""); // 문자를 하나씩 자르고 array로 만들기
      console.log(temp2); // ['1', '2', '3', '4']
      temp2.reverse(); // 순서 뒤집기
      console.log(temp2); // ['4', '3', '2', '1']
      let temp3 = temp2.join(""); // 배열을 숫자로 합치기
      console.log(temp3); // 4321
      let temp4 = parseInt(temp3); // 정수로 변환
      console.log(typeof temp4); // int (현재타입)
      temp = temp4; // temp4를 temp에 넣어주기
      return x > 0 ? temp : -temp; // 양수라면 뒤집어서 출력 , 음수라면 뒤집어서 -로 더하기
    };
    reverse(1230);
    

  • 선생님이 작성하신 코드

    function reverse(x) {
      let minus = false;
    
      if (x < 0) {
        x *= -1;
        minus = true;
      }
    
      let numText = x.toString();
      let result = "";
    
      for (let i = numText.length - 1; i >= 0; i--) {
        result += numText[i];
      }
    
      result = minus ? result * -1 : Number(result);
    
      return result;
    }
    

오늘은 페어프로그래밍을 했다. 옆에 동료가 백엔드를 공부하고있어서 오늘은 그가 driver, 내가 navigator를 맡아서 진행함. 페어프로그래밍할 때는 동료의 언어인 파이썬으로 진행했으나, 그 이후에 따로 풀어봄. 분명 이것보다 더 단순한 방법 있을텐데…차후에 더 알아보는걸로~ 나는 일단 생각의 흐름대로 정리하기 위해서 console.log를 조금 과도하게 썼다 ㅋㅋㅋ

1. 오늘 한 일

1. Wecode (12일차)

• React 세션
  • Why React? 최근 웹 페이지보다는 웹 어플리케이션이라는 단어가 있을정도로 어플리케이션을 개발되었다. 그래서 코드를 유지보수하는 것이 어려워짐. 규모가 커지고 복잡한 어플리케이션을 만들고 더 코드관리를 수월하게 하기 위해 다양한 Framework와 Library가 생겨남. 대표적으로 3대장. Angular, Vue, React가 있다. 그 중에서 React는 다른 것과 다르게 오로지 View만 담당함. (다른 것들은 MVC Architecture임)
  • React란? 사용자 인터페이스를 만들기 위한 JS라이브러리. 가상 돔을 이용하여 UI를 자동으로 업데이트 해준다는 장점이 있다. 이전 UI상태를 메모리에 유지해서 변경될 UI의 최소 집합을 계산하는 기술. (불필요한 UI업데이트 줄이고 성능은 더 좋아짐)
  • CRA(Create-React-App): 리액트 프로젝트를 시작하는데 필요한 개발환경을 세팅 해주는 도구

1. 블로그 작성

• TIL_2020년 11월 03일 (화)

2. 오늘의 생각

• 오늘은 별다른 생각이 없음…