백엔드-리액트
리액트 시작하기
컴포넌트 기반 화면 구성을 배우는 리액트 강의
정리글 목록
총 38개번호
제목
작성자
조회수
작성일
18
17. 컴포넌트 구조 분석(Component Tree)
17. 컴포넌트 구조 분석(Component Tree)
1. 컴포넌트 구조란?
컴포넌트 구조(Component Tree)는 하나의 웹페이지를 여러 개의 작
이종춘
8
2026-07-02
17
16. 프로젝트 제작 (동부산CC)
16. 프로젝트 제작 (동부산CC)
1. 프로젝트 목표
React에서 지금까지 배운 내용을 종합하여 동부산CC 웹사이트를 제작합니다.
프로젝트를 진행
이종춘
9
2026-07-02
16
15. CSS 적용
15. CSS 적용
1. React에서 CSS란?
React에서도 CSS를 사용하는 목적은 HTML과 같습니다.
레이아웃 구성
색상 지정
글꼴 설
이종춘
8
2026-07-02
15
14. React Router
14. React Router
1. React Router란?
React Router는 React에서 페이지를 이동하는 라이브러리입니다.
HTML에서
이종춘
9
2026-07-02
14
13. localStorage
13. localStorage
1. localStorage란?
localStorage는 브라우저에 데이터를 저장하는 공간입니다.
페이지를 새로고침하거
이종춘
9
2026-07-02
13
12. Form(입력폼)
12. Form(입력폼)
1. Form이란?
Form은 사용자에게 데이터를 입력받는 화면입니다.
예를 들어
로그인
회원가입
예약하기
문의하
이종춘
9
2026-07-02
12
11. useEffect
11. useEffect
1. useEffect란?
useEffect는 컴포넌트가 화면에 렌더링된 후 특정 작업을 실행하는 Hook입니다.
대표적인
이종춘
7
2026-07-02
11
10. 리스트 출력(map)
10. 리스트 출력(map)
1. 리스트 출력이란?
React에서는 배열(Array)에 저장된 데이터를 화면에 출력할 때 map() 함수를 사용합니다.
이종춘
9
2026-07-02
10
09. 조건부 렌더링(Conditional Rendering)
09. 조건부 렌더링(Conditional Rendering)
1. 조건부 렌더링이란?
조건부 렌더링이란 조건에 따라 화면을 다르게 출력하는 방법입니다.
이종춘
8
2026-07-02
9
08. 이벤트(Event Handling)
08. 이벤트(Event Handling)
1. 이벤트(Event)란?
이벤트(Event)는 사용자가 웹페이지에서 수행하는 모든 동작을 의미합니다.
이종춘
11
2026-07-01