react 를 만드는 방법에는 2가지가 있습니다.

1. 클래스 문법 사용방법

2. 함수문법 사용방법

 

*최근 트렌드에 따라 함수를 이용해서 리엑트를 만드는 경우가 많아져서

함수로 사용하는 react를 배워보자.

 

실습환경구축

*리엑트 공식홈페이지 https://ko.reactjs.org/

 

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

A JavaScript library for building user interfaces

ko.legacy.reactjs.org

 

*리엑트 장점 

= 선언형(React는 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 랜더링함)

= 컴포넌트 기반(스스로 상태를 관리하는 캡슐화된 컴포넌트를 만들기, 컴포넌트로직은 템플릿이 아닌 자바스크립트로 작성됨)

 따라서 다양한 형식의 데이터를 앱 안에서 손쉽게 전달할 수 있고 DOM과는 별개로 상태를 관리할수있음)

=한번에 바꿔서 어디서나 사용하기(기술 스택의 나머지부분에는 관여를 안하므로 기존코드 재작성 X)

, React는 Node서버에 랜더링 할수있고, React Native를 이용하면 모바일앱도 만들수있음)

 

 

*리엑트 기초

*React Router DOM

*styled-components

*Context API

*useReducer

*리엑트 리덕스, 리덕스 툴킷

* Next.js

* 깃헙(Github) = 협업 + 소스코드 관리 편하다
*VS CODE = 가볍고 강력한 개발 IDE
*젠킨스  = 자동화된 빌드 및 테스트, 개발생산성을 높임
*슬렉 = 팀원 간의 의사소통 및 협업 프로젝트 채널 

React는 자바스크립트 라이브러리 중 하나로, 사용자 인터페이스(UI)를 구축하기 위해 사용됩니다. Facebook(현재 Meta)에 의해 개발되었으며, 동적인 웹 애플리케이션에서 복잡한 사용자 인터페이스를 효율적으로 만들 수 있도록 도와줍니다.
React의 주요 특징

주요 용도

React는 배우기 쉽고, 개발자 커뮤니티가 활발하며, 대규모 프로젝트에서도 잘 작동하여 많은 기업과 개인 개발자들이 사용하고 있습니다.

 

*출처  Google Copilot 번역

개발일지를 작성하는 이유에 대해 
1. 학습한 내용을 정리하고 복습하여 온전하게 내 것으로 만드는데 의의가 있다.
2. IT관련 지식 + 경험 공유 
 
개발일지 항목 
1. 개발 진행 및 완료상황. 무엇을 더 추가하면 좋을지?
2. 업무 또는 개발 중 발생한 이슈 / 고민 등을 해결을 어떻게 하였는지?
3. 오늘 새로 배운 내용
4. 참고할 만한 레퍼런스 등 
5. 아이디어 메모 등 
6. 회고(얻을 수 있는 중요한 정보, 교훈, 핵심내용) 
7. TIL / WIL 작성 

+ Recent posts