겸이네~

위의 코드를 es6의 문법을 활용하여 줄여보자 한번 더

이번에도 문자에 관한 메서드인 trim 시리즈를 살펴보자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/Trim String.prototype.trim() - JavaScript | MDN trim() 메서드는 문자열 양 끝의 공백을 제거합니다. 공백이란 모든 공백문자(space, tab, NBSP 등)와 모든 개행문자(LF, CR 등)를 의미합니다. developer.mozilla.org trim()메서드는 문자열 양 끝의 공백을 제거한다. 공백이란 모든 공백문자(space, tab, NBSP)와 개행문자(LF,CR)를 의미한다. 트림은 그냥 자르는 기능이다. trim()은 문자열의 앞뒤 공백을 잘..

padStart 와 padEnd에 대해 알아보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart String.prototype.padStart() - JavaScript | MDN padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다. developer.mozilla.org padStart()메소드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다. 채워넣기는 대상 문자열의 시작부터 적용된다. padEnd()는 반대로 생각..

이번 포스팅은 optional chaining이라는 연산자를 다뤄본다. ?.

앞서 기본 파일들을 만들었고 이제 홈컨테이너를 작성한다. 컴포넌트가 마운트 되면 nowPlaying, upcoming, popualr를 찾고 그게 끝나면 state값을 설정해준다. 에러가 있으면 loading을 false로 변경하게된다. try,catch,finally구문으로 finally에서는 error가 생기든 성공적으로 데이터를 받아오든 loading은 false로 바꿔준다. 그리고 catch에서는 error가 발생시 출력할 문구를 만들어줬고 try구문에서는 moviesApi를 import해주고 moviesApi에 nowplaying을 async await을 활용해 받아오고 콘솔창에 찍어주면 성공적으로 data가 온다. async await을 안쓰면 언제나 그랬듯 promise pending상태가..

이번에는 새로 추가된 반복문인 For ...of를 살펴보자 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...of for...of - JavaScript | MDN for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 developer.mozilla.org mdn - for ...of명령문은 반복가능한(iterable) 객체(array, map, set, string. typedarray, arguments 등등)에 대해서..