# isotope.js ? masonry 플러그인과 결합해 메뉴탭과 메뉴에 따라 필터링 될 요소들로 구성하여 사용하는 제이쿼리 플러그인 # 사용하기 1-1. js파일 다운로드 https://isotope.metafizzy.co/ Isotope · Filter & sort magical layouts Install Download CDN Link directly to unpkg. Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save License Commercial license If you want to use Isotope to develop co..

HTML JS const today = new Date(); const week = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'); const todayWeek = week[today.getDay()]; const todayDay = today.getFullYear()+'년 ' + (today.getMonth()+1)+'월 ' + today.getDate()+'일 '; $('#todayWeek').text(todayWeek); $('#todayDay').text(todayDay); 결과 이해하기 - new Date() * 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로..

컴포넌트 안에 작성되는 내용들은 모두 프로퍼티(props) 이다. 이벤트리스너의 이름을 갖고있어도 컴포넌트 안에 작성되면 프로퍼티로 적용된다. 컴포넌트 안에 작성한 프로퍼티는 함수의 인자값으로 넣어주어야 사용할 수 있다. React.memo는 컴포넌트의 내용이 수정되지 않으면 랜더링 하지 않게 해준다.

#컴포넌트 인자값 받기 각각의 컴포넌트는 인자값을 전달할 수 있다. 전달 된 인자값은 출력 텍스트, 함수 등에 다양하게 쓰일 수 있다. -출력물

# 컴포넌트 나누기 및 불러오기 select박스를 사용하여 원하는 컴포넌트를 가져오는 방법. MinutesToHours와 KmToMeter라는 컴포넌트의 내용이 있다는 가정 하에, select로 선택된 옵션의 value값을 기준으로 원하는 컴포넌트를 그려냄 # KmToMeter 강의에서는 useState는 위 내용까지이고 Km↔mile 변환 함수를 작성해 보는 것을 권하고 있다. 나는 마일 대신 미터로 변환 함수를 작성했다.

분 ↔ 시간 변환 함수 minutes, hours의 입력값은 amount로 받는다 각각의 input에 입력할 수 있는 유무(disabled)는 inverted의 boolean값에 의해 결정되며 이 값은 onInvert함수를 가진 버튼을 클릭하면 스위치 된다