기초

HTML

Html은 프론트 엔드 개발을 시작하는 데 필수적입니다. tag , element , attribute , HTML 요소에 어떤 종류의 이벤트 가 있는지 아는 것이 도움이됩니다. 특히 문서를 쉽게 이해하는 데 도움이됩니다.

꼭 알아야 할 몇 가지 요소 : h1-h6, p, b, img, video, i, span, div, form, input, select, a, header, main, footer, section.

• 양식의 작동 방식, 행동 및 방법에 대한 이해 .
• 각 요소의 속성 및 해당 속성은 무엇입니까?

스타일링 작동 방식, CSS 를 HTML 에 연결 하는 방법 , 선택기 란 무엇입니까? 다양한 유형의 선택기 — 태그 이름, 클래스, ID . 인라인, 내부, 외부 스타일.

속성을 알아야합니다. display, font-size, font-weight, position, cursor, line-height, margin, padding, border, transition, color, background, background-color, width, height, justify-content, align-items, overflow, min(max)-height, min(max)-width, border-radius, outline,

• 플렉스 작동 방식 이해 , 애니메이션 키 프레임 작성 , 미디어 쿼리 블록 대 인라인 요소.
• 의사 클래스 는 무엇이며 다른 유형은 다음과 같습니다.:hover, :focus, :link, :visited, :active, :first-child, :disabled, :last-child, :nth-child(n)
• 의사 요소 :::after, ::before

Javascript는 HTML 및 CSS와 다르며 더 많은 논리가 필요합니다. JS 파일을 HTML에 연결하는 방법, JS 코드의 작동 원리를 알아야합니다.

용어를 알아야합니다 : 변수, 상수, 조건, 루프, 함수, 메서드, 객체 모델, 데이터 유형.

• 기능과 방법의 차이점은 무엇입니까?
• 루프 및 조건을 사용하여 기본 함수를 작성하는 방법.
• 창 개체와 그 사용법은 무엇입니까?

반응

반응 개발자는 최소한 JSX가 무엇인지, 컴포넌트를 작성하는 방법, 가상 DOM이 작동하는 방법을 알아야합니다.

• 기능 구성 요소 대 클래스 구성 요소
• 상태 대 소품
• 후크 — useEffect, useState, useCallback
• 수명주기 방법
• Redux — redux 작동 방식, redux 흐름, 감속기, 작업.
• 반응 라우팅
• 맞춤 후크

이 시점에서 API 호출 방법, 비동기 코드 작동 방법을 알아야 합니다. 또한 JS가 백그라운드에서 작동하는 방식, 이벤트 루프가 무엇인지 알아야합니다.

• 약속과 콜백
• Axios를 사용한 API 호출
• 폐쇄
• 문맥
• var, let 및 const의 차이점
• 개체 참조 작동 방식

코딩 방법을 아는 것 외에도 인터넷 작동 방식도 알아야합니다. REST API가 작동하는 방식을 이해하고 HTTP 요청을 모니터링하는 방법, 페이지의 소스 코드를 보는 방법, 반응 및 redux가 제공하는 더 많은 도구를 사용하는 방법을 포함하여 Chrome 개발 도구를 올바르게 사용해야합니다.