오늘 학습한 것

섹션1 돌아보기_ 주요 개념 요약, 스프린트 다시풀기

sprint-Koans

• 1 + '1' // '11' 123 - '1' // 122 JavaScript의 Quirky? : https://github.com/denysdovhan/wtfjs

• 클로저

  • mdn에 따르면 클로저의 정의는
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures
    A closure is the combination of a function and the lexical environment within which that function was declared. This environment consists of any local variables that were in-scope at the time the closure was created
    클로저는 함수와 함수가 선언된 어휘적 환경의 조합
    이 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성된다. 여기서의 키워드는 "함수가 선언"된 "어휘적(lexical) 환경"이다
    클로저의 유즈케이스 -검색 키워드: function factories, namespacing private variables/functions

• lexical scope와 closure. //. 다시 했을 때 한번에 통과하지 못하고 테스트케이스를 보고서야 맞췄다...도루마무 실화니..함수안의 변수명 앞에 선언자 가 있는지 없는지 잘 봐야!

• this
  - this에 대해서
  https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/this

• 메소드 repeat() 'sarah'.repeat(3) // 'sarahsarahsarah' string.prototype.repeat(인자는 0이상 정수, 3.5 넣으면 3번 반복) IE 에선 안됨

• Array.from() : Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만든다

• 유사 배열 객체(array-like object)

• rest/spread 문법을 객체 분해에 적용할 수 있다
  // 이때 순서가 중요, 맨 앞에 거에 뒤에 씌운거를 덮는 형식 (같은 키 있으면 덮고 없는건 추가됨 )Object.assign과 비슷

sprint-Validation Check

• Element. classList.add() / remove()
  Element.classList.add('hide')

• Element.onkeyup = () ⇒ {}
  JS에서 이벤트메소드 바로 DOM요소에 붙이기

• 정규표현식 다시보기_
  영어소문자 또는 숫자로 이루어진 아이디,
  영문자,숫자,특수키를 조합한 비밀번호 조건

  연습사이트: https://regexone.com/
  

sprint-react-twittler-intro, spa, state & props

• 화면 구현은 되는데, 테스트 통과는 안되는 매직_ 아무래도 구현 방식이 여러가지라서 State를 props로 내려줄건지, 아예 라우팅으로 새로운 컴포넌트를 렌더링 할건지, 조건부 렌더링을 어디서 해줄건지에 따라 나뉘어서 그런듯?
  아니면 또 변수명 철벽방어인가 ㅎㅎ

• npm 인스톨 할 때 종종 뜨는 npm WARN deprecated ~ 는 뭘까?
  → What does NPM warn deprecated mean?
  That might mean updating to a new version, or updating your package dependencies. A deprecation message doesn't always mean the package or version is unusable; it may mean the package is unmaintained and will no longer be updated by the publisher.

느낀 점

• 확실히 다시 푸니까, 술술..근데 또 새롭다, 무수한 주석을 보며, 여기서 어려워했구나 싶은데, 그 땐 왜 이해가 안갔었는지 의문; 그럼 지금 어려운 것도 좀 후에 돌아보면 비슷하려나
• 테스트코드도 하나의 가이드니까, 아무것도 없는 상태에서 목업을 보고 다시 만들기를 해봐야겠다
• HA & 10주차 회고는 장장 3일에 걸쳐 쓰겠구나. 말이 많네ㅋㅋ

내일은

• 자료구조 dfs/bfs,
• 섹션2 스프린트 다시 풀어보기
• 토이 모두 통과 못한 거
• 섹션 3 readme 훑기