[TIL] 코드스테이츠 01주차

from0·2020년 10월 31일
0

2020 10 26

오늘 배운 것

  • 변수의 선언과 할당
  • 자바스크립트 구글링 할 때 MDN 붙여서 하자.
  • 논리 연산자 &&, ||
  • 크롬 개발자 도구 쓰는 방법 (⌘ + ⌥ + I)
  • 때로는 빈 칸''도 리턴해줘야한다.
  • 필요한 게 있으면 함수를 따로 만들어.
  • GitHub, 크롬, Slack, Shiftee 등 익숙해져야 할 것들.

2020 10 27

오늘 배운 것

  • pseudo code라는 것
  • trim(), replace()
  • Math.abs()
  • 템플릿 리터럴: 복수 type 조합한 문장 한번에
  • parseInt(), parseFloor()
  • toLowerCase()

내일 배울 것

function makeLastSeenMsg(name, period) {
  const day = 60 * 24;
  const hour = 60;
  if (period >= day) {
    return `${name}: ${Math.floor(period / day)}일 전에 접속함`;
  } else if (period >= hour) {
    return `${name}: ${Math.floor(period / hour)}시간 전에 접속함`;
  } else {
    return `${name}: ${period}분 전에 접속함`;
  }
}코드를 입력하세요

위에서 const는 무엇인가?

2020 10 28

오늘 배운 것

  • for 구문에서 break, continue 차이 이해
  • 오늘 문제들을 풀다가 시간복잡도 개념 어렴풋이 스침
      function makeMultiplesOfDigit(num) {

        let result = '' ;

        for (let i = 1 ; i <= num ; i++) {
          if (i % 3 === 0) {
            result = result + String(i)
          }
        }
        return result;
      }
      ```
      위에서 3의 배수를 구하는 if문을 제거하고 i++ 부분을 i += 3으로 바꿈

``` js
      function makeMultiplesOfDigit(num) {

        let result = '' ;

        for (let i = 1 ; i <= num ; i += 3 ) {
            result = result + String(i)
        }
        return result;
      }

시간 복잡도는 T(n)과 같이 표기합니다. 이 표기법은 어떤 알고리즘이 n 크기의 입력량을 처리하는 데 수행되는 연산의 횟수를 나타냅니다. T(n)을 알고리즘의 실행 비용이라고 생각할 수도 있습니다.

  • if 배웠다고 남발하지 말고 새 변수 선언하자.
  • edge case 항상 염두하자.
  • 때로는 boolean 값을 for 구문 안에 선언&할당해줘야 한다. (📖 반복문 18-isPrime 문제)

2020 10 29

오늘 배운 것

  • HTML의 여러 인풋 타입
    - text, password, checkbox, button, textarea
    • button의 경우 name=" "으로 묶어줌. 대부분의 객관식 문제에 적용 가능
  • 구글개발자도구>Elements에서 기기별 화면 볼 수 있다.
  • 아래처럼 작성하면 웹, 모바일 환경 모두 꽉 차게 보인다.
max-width: 100vw;
  height: 100vh;

2020 10 30

오늘 배운 것

  • Visual Studio Code 플러그인 설치
  • GitHub에서 과제 다운 및 제출 방법 (계산기 만들기)
  • undefined와 ''은 다르다.

    AC 버튼이 사용되는 모든 변수를 초기화시키고 있나요? 화면은 0이 나오고 있나요?

const display = window.document.querySelector('.calculator__display');
display.textContent = 'Something strange';
const clearButton = window.document.querySelector('.clear');
clearButton.dispatchEvent(clickEvent);
expect(window.firstNum).to.be.undefined;
expect(window.operator).to.be.undefined;
expect(display.textContent).to.equal('0');
done();

문제의 위 요구사항에서 막혀서 알게 된 사실. if(clear) 구문에서 네 가지 변수들을 ''로 할당했던 것을 display 빼고 undefined로 하니 해결되었다.

내일 배울 것

  • advanced 계산기 과제 도전

참조

한 권으로 그리는 컴퓨터과학 로드맵(2018) / 블라드스톤 페헤이라 필루
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/undefined
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/null
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/NaN

0개의 댓글