• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

react6

728x90
[React]npm과 yarn이란? react는 페이스북(Facebook, 현재 메타 Platforms)의 소프트웨어 엔지니어였던 **조던 워크(Jordan Walke)**가 개발했습니다. 그는 2011년에 React의 초기 버전을 만들었으며, 이는 Facebook에서 내부적으로 사용되던 XHP라는 PHP 기반 라이브러리에서 영감을 받았습니다.React는 처음에는 Facebook의 뉴스피드와 Instagram에 사용되었으며, 2013년에 오픈 소스로 공개되었습니다. 공개된 이후로 React는 웹 개발 커뮤니티에서 큰 인기를 얻었고, 현재는 전 세계적으로 가장 널리 사용되는 프론트엔드 라이브러리 중 하나로 자리 잡았습니다. 리액트를 사용하려면 npm or yarn을 통해 라이브러리를 내려받아야합니다. npm(Node Package Manag..
[Javascript]많이 사용되고 유용한 JavaScript 라이브러리와 프레임워크 웹사이트에서 많이 사용되고 유용한 JavaScript 라이브러리들은 다양한 기능을 제공하며, 웹 개발을 더욱 효율적이고 편리하게 만들어 줍니다. 여기 몇 가지 인기 있고 유용한 JavaScript 라이브러리와 프레임워크를 소개합니다1. React용도: UI 구축설명: React는 Facebook에서 개발한 사용자 인터페이스(UI) 라이브러리입니다. 컴포넌트 기반 아키텍처를 사용하여 효율적으로 복잡한 UI를 관리할 수 있습니다. React는 Virtual DOM을 사용하여 성능 최적화와 빠른 렌더링을 제공합니다.추천 이유: 현대 웹 애플리케이션에서 가장 인기 있는 라이브러리로, 대규모 애플리케이션에 적합하고 많은 커뮤니티와 리소스가 존재합니다.링크: https://reactjs.org/ ReactReact..
[React]리액트 기본 폴더 구조(SCSS포함) React 애플리케이션의 폴더 구조는 프로젝트의 복잡도와 팀의 선호도에 따라 다를 수 있습니다. 1.기본 폴더 구조my-react-app/│├── public/ # 정적 파일 (HTML, 이미지, 아이콘 등)│ ├── index.html # 기본 HTML 파일│ └── ...│├── src/ # 소스 코드 폴더│ ├── assets/ # 이미지, 폰트, CSS 파일 등│ ├── components/ # 재사용 가능한 컴포넌트│ ├── hooks/ # 커스텀 훅│ ├── pages/ # 페이지 컴포넌트│ ├── services/ # API 요청, ..
[React]리액트 설치 및 프로젝트 진행 과정 개발 환경 설정node.js 가 설치되어있는지 확인합니다.node -vnpm -v 설치가 안되어있다면 node.js 공식사이트에서 설치합니다.https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org Node.js를 설치하면 npm(Node Package Manager)도 함께 설치됩니다. React 프로젝트 생성Create React App 사용Create React App은 React 프로젝트를 쉽게 시작할 수 있도록 도와주는 도구입니다.터미널을 열고, 프로젝트를 생성할 디렉토리로 이동합니다.다음 명령어를 입력하..
[IT뉴스]2022년까지 프론트엔드 프레임워크와 라이브러리 프론트엔드 프레임워크와 라이브러리가 너무 많다보니, 공부할게 참 많네요. ㅎ 2022년에는 어떤 프레임워크를 많이 사용하고 있는지 39,471명이 설문조사에 참여했습니다. (통계를 보니 60%이상이 미국사람이네요.) 다음은 시간에 따른 인지도, 사용량, 관심도, 만족도 비율에 따른 통계자료입니다. 인지도 인지도는 해당 프레임워크나 라이브러리를 들어본적이 있는가? 입니다. React와 Vue.js가 1,2위를 달리고있네요. 통계를 보니 저도 한번도 듣지도 못한 프레임워크가 많네요. 사용량 사용량은 다시 사용할 예정 + 다시 사용안한다는 통계치입니다. React가 앞도적으로 수치가 높습니다. 뭐 거의 프론트엔트 프레임워크의 대장이라고 할수 있겠네요. 관심도 관심도는 배우길 원하거나 관심없다는 통계입니다. S..
[React]리액트 자주사용하는 기본문법 React의 문법React는 JSX(JavaScript XML) 문법을 사용하여 UI를 작성합니다. JSX는 JavaScript의 확장 문법으로, HTML과 유사한 문법을 사용하여 컴포넌트를 작성할 수 있습니다.컴포넌트 생성프로퍼티 전달이벤트 처리조건부 렌더링배열 렌더링스타일링반복문이벤트핸들링컴포넌트 생성React에서 컴포넌트를 생성할 때는, 함수형 컴포넌트를 작성할 수 있습니다. 이 함수는 JSX를 반환해야 하며, JSX는 괄호(())로 감싸야 합니다.function MyComponent() { return Hello, World!;}프로퍼티 전달React 컴포넌트에는 프로퍼티(props)를 전달할 수 있습니다. 프로퍼티는 해당 컴포넌트가 렌더링될 때 동적으로 변경될 수 있습니다.function My..
반응형