yeji

left top 왼쪽 상단 background-position:left top; background-position:0% 0%; left center 왼쪽 중앙 background-position:left center; background-position:0% 50%; left bottom 왼쪽 맨아래 background-position:left bottom; background-position:0% 100%; right top 오른쪽 상단 background-position:right top; background-position:100% 0%; right center 오른쪽 중앙 background-position:right center; background-position:100% 50%; right..

1) find "find"는 배열 내에서 항목을 찾는 데 도움을 준다. 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다. function findAvocado(currentFruit) { return currrentFruit === "avocado"; } const fruits = ["apple", "banana", "watermelon", "avocado"]; const avocado = fruits.find(findAvocado); // 필요한 파라미터가 하나, 그것은 콜백함수. 콜백함수는 우리가 호출하는게 아니라 그냥 함수의 이름만 적으면 된다. console.log(avocado); const avocado = fruits.find( findAvocado(apple) findAvocad..

React 코드 주석은 javascript 와 동일하게 한 줄 주석은 // 로, 여러줄은 /* */ 로 처리한다. 반면 React JSX 코드 주석은 {/* 주석연습 */} 주석을 {}로 감싸준 형태로 사용한다.

chrome 웹스토어에서 'React Developer Tools' 확장 프로그램을 설치한 다음 브라우저를 닫았다가 다시 열면 오른쪽 상단에 아이콘이 추가되는데!... react로 만든 웹페이지를 개발자도구로 보면 element에서는 일반 태그들만 보이고 우리가 작성한 자바스크립트 코드 자체는 보이지않는데, 그럴 때 components 탭을 클릭하면 우리가 만든 컴포넌트를 보여준다. 값을 변경하면 바로 반영되어 브라우저에 표시되기도 한다!