React 컴포넌트함수로 만든 컴포넌트를 React에서는 함수 컴포넌트라고 부른다. 화살표 함수로도 만들 수 있다. import './App.css';// html 태그를 반환하도록 설정하는 것 => 컴포넌트// 컴포넌트를 부를때는 보통 함수 이름을 부른다.const Header = () => { return ( header );};// 이거는 App 컴포넌트function App() { return ( Welcome to React );}function Header() { return ( header );}export default App;클래스보다는 함수를 이용해서 만드는 것이 훨씬 일반적이다 ...

피그마를 이용해 간단한 레이아웃을 디자인해봤다.왼쪽 디자인은 수업시간에 실습한 내용,오른쪽 디자인은 내가 자주 사용하는 어플리케이션인 유튜브를 디자인한 것이다.            컨스트레인트다양한 디바이스 크기에 맞게 디자인을 변경해야할 때 컨스트레인트 기능을 사용한다.컨스트레인트를 사용하면 화면의 크기가 늘어나거나 줄어들어도 원래의 위치에 구성 요소가 존재하도록 할 수 있다. => 즉, 반응형으로 만들 수 있다.   위 배경:  l+r, top으로 지정홈 아이콘: center, top으로 지정저장 아이콘과 알림 아이콘: right, top으로 지정 자동차 사진 아이콘:  l+r, top+bottom으로 지정       연락처아이콘과 text는 center과 bottom으로 지정아래 배경:  l+r, ..