HyeonWooJo

HyeonWooJo

Member Since 1 year ago

Experience Points
1
follower
Lessons Completed
0
follow
Lessons Completed
1
stars
Best Reply Awards
4
repos

64 contributions in the last year

Pinned
⚡ tutorial repository
Activity
Sep
29
2 weeks ago
Activity icon
created branch
createdAt 2 weeks ago
Sep
17
4 weeks ago
Activity icon
issue

HyeonWooJo issue HyeonWooJo/Mindslab01

HyeonWooJo
HyeonWooJo

React

  1. React란?
  • React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로써 사용자 인터페이스를 만들기 위해 사용된다.
  • React는 Facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있다.
  • 싱글 페이지 앱이나 모바일 앱의 개발 시 토대로 사용될 수 있다.
  • 즉, 현재 많이 활용되고 있는, 웹/앱 View를 개발할 수 있도록 하는 인기 있는 라이브러리이다.
  1. React의 필요성
  • React를 사용하지 않아도, html과 css, javascript를 이용해서 웹 페이지를 만들 수 있지만, react를 이용해 사용자와 상요작용 할 수 있는 동적인 UI를 쉽게 만들 수 있기 때문에 많이 이용된다.
  1. React의 특징
  • Data flow
  • React는 데이터의 흐름이 한 방향으로만 흐르는 단방향 데이터 흐름을 가진다.
  • Angular.js와 같은 양방향 데이터 바인딩은 규모가 커질수록 데이터의 흐름을 추진하기가 힘들고 복잡해지는 경향이 있어, 복잡한 앱에서도 데이터 흐름에서 일어나는 변화를 보다 예측 가능할 수 있도록 단방향 흐름을 가지도록 했다고 한다.
  • Component 기반 구조
  • Component는 독립적인 단위의 소프트웨어 모듈이다. 즉, 소프트웨어를 독립적인 하나의 부품으로 만드는 방법이다.
  • React는 UI(View)를 여러 컴포넌트로 쪼개서 만든다. 한 페이지 내에서도 여러 각 부분을 독립된 컴포넌트로 만들고, 이 컴포넌트를 조립해 화면을 구성한다.
  • 컴포넌트 단위로 쪼개져 있기 때문에, 전체 코드를 파악하기 상대적으로 쉽다. 이렇게 기능 단위, UI 단위로 캡슐화시켜 코드를 관리하기 때문에 재사용성이 높다. 따라서 코드는 반복해 입력할 필요 없이, 컴포넌트만 import해 사용하면 된다는 간편함이 있으며, 앱이 복잡해지더라도 코드의 유지보수, 관리가 용이해지는 장점을 가진다.
Sep
9
1 month ago
Activity icon
issue

HyeonWooJo issue HyeonWooJo/Mindslab01

HyeonWooJo
HyeonWooJo

.JS

  1. React.js
  • 웹 프레임워크로, 자바스크립트 라이브러리의 하나로써 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있는 환경을 제공한다.
  1. Node.js
  • Chrome V8 자바스크립트 엔진으로 빌드 된 자바스크립트 런타임이다. 런타임이란 특정 언어로 만든 프로그램을 실행할 수 있는 환경을 뜻한다.
  • 자바 스크립트는 독립적인 언어가 아닌 스크립트 언어이다. 그러므로 웹 브라우저 프로그램 안에서만 동작을 한다.
  • Node.js는 웹 브라우저에서 독립시킨 것으로 Nodes.js를 설치하게 되면 터미널에서 Node.js를 입력하여 브라우저 없이 실행 할 수 있다.
  • 이벤트 기반: 노드는 V8과 더부렁 libuv라는 라이브러리를 사용한다. libuv 라이브러리는 노드의 특성인 이벤트 기반, 논 블로킹 I/O 모델을 구현하고 있다. 이벤트 기반이란 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식을 의미한다. 즉, 이벤트 기반 시스템에서 특정 이벤트가 발생할 때 무엇을 할지 미리 등록해두고, 이를 이벤트 리스너에 콜백함수를 등록한다. 이후 이벤트가 발생하면 리스너에 등록해둔 콜백함수를 호출하며, 이벤트가 끝난 후 노드는 다음 이벤트가 발생할 때까지 대기한다.
  • 이벤트 루프: 이벤트 루프는 여러 이벤트가 동시에 발생했을 때 어떤 순서로 콜백함수를 호출 할지를 이벤트 루프가 판단한다. 노드는 이벤트가 종료될 때까지 이벤트 처리를
Jul
20
2 months ago