반응형 코드스테이츠7 React Custom Component 보호되어 있는 글 입니다. 2023. 4. 20. React Twittler Intro 과제 주요 JSX 문법 - 최상위에서 opening tag와 closing tag로 감싸주어야함 - CSS class 속성 지정 : "className" 으로 표기 - JSX에서 JavaScript를 쓰고자 한다면, 꼭 중괄호를 이용 (미 사용 시 일반텍스로 인식) - React 엘리먼트가 JSX로 작성되면 "대문자"로 시작=사용자 정의 컴포넌트 (소문자로 시작 일반적인 HTML 엘리먼트로 인식) - 조건부 렌더링은 삼항연산자 사용 - 여러 개의 HTML 엘리먼트를 표시할 때는 "map()" 함수를 사용 (map 함수 사용 시 "key" JSX 속성을 넣어야함) React Twittler Intro 과제 App.js Sidebar 컴포넌트 ✓ App 컴포넌트의 후손 컴포넌트로 Sidebar 컴포넌트가 있어야 .. 2023. 3. 22. Beesbeesbees 과제 extends : 키워드는 클래스를 다른 클래스의 자식으로 만들기 위해 class 선언 또는 class 식에 사용 class 자식클래스 extends 부모클래스 { } // 예시 class Bee extends Grub { } super : super 키워드는 부모 객체의 함수를 호출할 때 사용 - 생성자에서는 super 키워드 하나만 사용되거나 this 키워드가 사용되기 전에 호출되어야 함 class Bee extends Grub { constructor() { super(); } } Grub class functionality ① `age` 속성은 `0`이어야 합니다 ② `color` 속성은 `pink`이어야 합니다 ③ `food` 속성은 `jelly`이어야 합니다 ④ `eat` 메소드가 존재해야 합.. 2023. 3. 16. [SEB FE 44기] Section1_계산기 만들기2 계산기 만들기 과제가 계속 되었고, hover 효과, 색상 변경 등 다른 곳 들을 수정하였다. 숫자 0 쪽에 flex를 이용하여 정렬을 하고 싶었는데, 제대로 되지않았다. 과제 제출 후 선생님께서 flex 속성에 대해 설명을 해주셨고 정렬 코드까지 주셨다. 주신 코드를 기반으로 복습을 하며 다른 계산기를 만들어야겠다. 다른 분들이 발표하시면서 사용한 속성들도 검색해봐야지! To-do flexbox를 이용한 계산기 레이아웃 다시 작성해보기 @media, drop-shadow 등 CSS 속성 확인해보기 2023. 2. 17. 이전 1 2 다음 반응형
