[스나이퍼팩토리]한컴AI아카데미4기 6주차 버츄얼 스튜디오 코드 연습

리엑트 (react)!!

 

리엑트를 다루는 기술을 배우기 시작했어요.

---

기존에 배운 html, css, javaScript 의 개정판? 이란 느낌이 들었습니다.

먼저 jsx를 보자면, 겉모습은 html이지만, 실제로는 javaScript 이예요.

브라우져(라이브러리) 가 바로 이해하는건 아니고, Babel 같은 도구가 js코드로 변환해 주는 겁니다.

 굳이 jsx를 쓰는 이유를 들자면 보기 좋고 쓰기 좋아요. 이해 하기도 쉽고,

다음은 React를 보자면, 웹 화면을 만드는 자바스크립트 라이브러리 예요.

TypeScript 라는 것도 있는데 별로 사용을 안한다 하더군요.

React 는 한파일에 한 조각?(props),화면? (컴포넌트)를 사용해서 state 를 이루는 거여요. 

특징이 등장 해야하는데 node.js 와 npm 도 알아야 하고,   Virtual DOM도 알아야 해요.

---

한 파일을 만드는데 확실히 html보다는 무겁습니다. 용량 차이가 어마어마 해요.

자동으로 프로그램안에 컴퓨팅이 들어가 그 프로그램들을 불러다 hooks 을 사용해야해서

생각한 것 보다 저엉말 힘들더라고요.

HTML 에서 라이브러리의 형태를 알았다면, CSS에서 그것들의 꾸밈을 배웠고, Javascript 에서 그것들의특수성을 배웠더니 

React 에선 그냥 더 쓰더라고요 하지만 여기서도 props를 나누고 .scss도 사용하고 .sacc도 사용해서 좀더 복잡한 js를 보기편하고 이용하기 쉽게 만들어 주기도 하고 css를 js에서 바로 표현하게금 해주는 것도 있고, 성능의 최적화를 위해 ref도 쓰고 해서 화면(ui)를 가볍게 해주는 능력이 뛰어나더군요 무한에 걸릴수 있으니 조심을 해야겠지만 그것도 점검 해주는 프로그램이 들어있어요 (단 명령어는 써줘야죠)

일주일만에 과제 한건 한걸 끝으로 오늘 글을  마치겠습니다.

 

배경도 넣고 더 꾸미고 싶은 마음은 있지만 빠른 제출을 위해 양보하겠습니다.

 

 

#개발자교육,#개발자취업,#부트캠프,#스나이퍼팩토리,#한국생산성본부,#한글과컴퓨터,#한컴AI아카데미,#AI개발자,#AI개발자교육,#AI전문가양성,

 

본 후기는 [한글과컴퓨터x한국생산성본부x스나이퍼팩토리] 한컴 AI 아카데미 (B-log) 리뷰로 작성 되었습니다.