Front-end

30days Javascript Challenge 기록

first/ last/ year/ passed이렇게 4가지로 발명가들이 const inventors ={...}로 나열되어 있다.첫번째, 1500's에 태어난 사람들을 리스트로 필터링해라.Array.prototype.filter() 메소드는 주어진 함수의 테스트를 통과

이번 프로젝트는 Display: flex에서 column형태로 나타낸 사진들을클릭하면 해당 영역이 확장되고 위,아래 글씨가 인앤아웃되는 형식의 코드를 작성한다.

이번에는 Traversy Media에서 제공하는 넷플릭스 랜딩 페이지 클콘 코딩이다. 이번 코딩에 필요한 기본적인 소스들은 https://www.youtube.com/watch?v=P7t13SGytRk 이 클론코딩 더보기란에 있으니 참고해서 쓰면 된다.

비구조화 할당(=구조 분해 할당)은배열(array) 또는 객체(object)의 속성을 해체하여 그 값을 개별 변수(variable)에 담을 수 있게 해주는 자바스크립트의 표현식이다.

논리연산자를 이용하여 코드를 단축시키는 것을 뜻한다

단축 속성명, 단축 메서드명 그리고 계산된 속성명의 간단한 설명과 예제

setState 메소드는 즉시 실행되고 동기적으로 실행되는 것이 아닌 하나의 요청과 같은 비동기적 실행이다.

유투브를 통해 클론 코딩했던 나라별 날씨 체크를 하는 웹 튜토리얼이다. 이 프로젝트는 React와 React Hooks (useState)와 외부 API를 이용해서 만드는 심플한 웹 앱이다!

이번 웹 튜토리얼 리액트는 좀 더 본질적인 리액트 사용을 통해서 리액트로 컴포넌트를 관리하는 것의 장점과 몇 라이브러리를 이용하는 예를 볼 수 있다.

React Router를 쓰는 이유

적고자 하는 내용이 많아서 2부까지 기록을 해볼 예정이다.