jjinny_0609
냐냥
jjinny_0609
전체 방문자
오늘
어제
  • 분류 전체보기 (249)
    • IT (18)
      • Eclipse (1)
      • 라즈베리파이 (8)
      • 정보처리기사 (2)
      • 팀 프로젝트 (5)
      • 자료구조 (1)
      • CS 지식 (0)
    • 프로그래밍 언어 (75)
      • Java (33)
      • 파이썬 (4)
      • Node.js (38)
    • 프론트엔드(Frontend) (83)
      • HTML (7)
      • CSS (8)
      • JavaScript (10)
      • jQuery (2)
      • React (50)
      • Vue.js (6)
    • 백엔드(Backend) (62)
      • 네트워크 (1)
      • 데이터베이스 (49)
      • Spring (6)
      • JSP (6)
    • 협업 도구 (6)
      • Git & GitHub (6)
    • 리뷰 (1)
      • 향수 (1)
    • Game Engine (2)
      • 언리얼 엔진5 (1)
      • Unity (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 블로그관리 홈
  • 글쓰기
  • 글관리

공지사항

인기 글

hELLO · Designed By 정상우.
jjinny_0609

냐냥

[React] 다시 시작하는 리액트 소개
프론트엔드(Frontend)/React

[React] 다시 시작하는 리액트 소개

2023. 11. 15. 14:10
728x90

안녕하세요! 오늘은 리액트(React)에 대해 간략하게 소개하고자 합니다. 리액트는 프런트엔드 라이브러리로, 사용자 인터페이스를 구축하는 데 도움을 주는 강력한 도구입니다. 공식적으로는 라이브러리로 분류되지만, 가벼운 프레임워크로도 불리기도 합니다.

 

React

 

리액트의 역할과 정의

리액트는 주로 사용자 인터페이스를 구축하는데 활용되며, 현재는 매우 인기 있는 기술 중 하나입니다. 이 라이브러리는 컴포넌트라는 작은 모듈들을 활용하여 복잡한 프런트엔드를 구축할 수 있게 해줍니다.

 

컴포넌트의 개념

리액트에서 핵심 개념은 컴포넌트입니다. 컴포넌트는 기능과 로직 부분, 그리고 HTML 및 CSS 같은 프레젠테이션 부분이 결합된 독립적인 모듈입니다. 이 모듈들은 재사용 가능하며, 여러 개를 조합하여 대규모 애플리케이션을 구축할 수 있습니다.

 

컴포넌트의 구성

컴포넌트는 HTML, CSS, JS로 구성되어 있습니다. 각 컴포넌트는 화면에 보이는 부분과 뒷받침하는 자바스크립트 로직으로 이루어져 있으며, 이러한 모듈을 조합하여 복잡한 사용자 인터페이스를 만들어낼 수 있습니다.

 

리액트 공식 문서

리액트에 대해 자세히 알고 싶다면, 공식 문서를 참고하는 것이 좋습니다. react.dev에서 리액트 공식 홈페이지를 방문할 수 있으며, API 레퍼런스 메뉴에서 자세한 내용을 확인할 수 있습니다.

 

공식페이지 소개

 

이 글에서는 리액트의 기본 개념과 컴포넌트의 장점에 대해 간략히 살펴보았습니다. 다음 글에서는 실제로 어떻게 리액트를 활용하여 프런트엔드를 구축하는지에 대해 더 자세히 알아보겠습니다. 감사합니다!

728x90

'프론트엔드(Frontend) > React' 카테고리의 다른 글

[React] 기본적인 리액트 앱 구조  (0) 2023.11.15
[React] JSX 개요  (0) 2023.11.15
[React] CodeSandbox 설정  (0) 2023.11.15
[react] 리액트 #1  (0) 2023.06.30
[react]설치부터 실행까지 #0  (0) 2023.06.29
    jjinny_0609
    jjinny_0609
    뉴비 개발자의 학습 내용을 정리한 블로그입니다.

    티스토리툴바