TIL 개발일지의 첫 시작은 바로 프론트 개발의 꽃
React이다 React란?
프론트엔드의 메인언어중 하나인 javascript를 쉽고 효율적으로 사용할수 있도록 만드는 언어이다
React 의 가장큰 특징중 몇가지만 살펴보자
1 - React는 선언형이다
리액트는 기본적으로 jsx 문법이란걸 사용하는데 이는
화면설계에 최적화된 방식으로 개발되었다.
(jsx문법은 ui를 매우편하게 렌더링하게 설계되어있다)
코드로 예를들어보자
가독성이 아주좋고 쓰기에 가벼워보인다.
const double = (arr) => {
return arr.map((elem) => elem * 2);
}
또한 이런 배열 명령문을 JSX를이용하여 아주 간편하게 표현했다
const arr = [1, 2, 3, 4, 5];
return ({arr.map((elem) => (
);- {elem}
))}
2 State
리액트는 내부적으로 State란 것을 가진다 사용자의 동작에따라
해당 기능이 활성화되는데 State를이용하면 구조및 코드가 매우 간단해져
보수유지가 아주 적절하다
예시로
-
시간을 보여주는 화면을 구현할때,
업데이트 되는 화면을 구현2.네트워크를 통해 데이터를 가지고 왔을때 컴포넌트에 새로운 값을 보여줌.
3.검색창에 검색어 추천할떄 검색어를 바꿔서 보여주는것
이때 컴포넌트를 렌더링 ( 업데이트 ) 해주는 장치라고 볼 수 있다.
stats 는 변화할수 있는 동적인 값으로 컴포넌트 내에서 사용할 수 있다..
리액트는 대세라고 할만큼 엄청난 사용자를 가지고있고 웹앱서비스에선 없을수가 없는 존재가 되었다.
근데 나는 아직 state에대한 이해도와 응용능력에 있어 부족함이 있다 연결동작이 여러개가되면 어렵더라 ㅠㅠ..
앞으로 내TIL도 내가 코드치고 짜는 실력이랑 같이 늘었으면 좋겠다 + __ +!! :D
이상 여기까지..
