<aside> 📎 새로 배운 기술 개념들 소개 및 정리

</aside>

🛠️  개발환경

우리 조는 프론트엔드 개발에는 React, 백엔드 개발에는 Firebase, 개발 툴은 VSCode를 사용했다.

1️⃣ 리액트란?

UI 자바스크립트 라이브러리로써 싱글 페이지 애플리케이션의 UI를 생성하는데 집중한 라이브러리이다. 리액트는 자바스크립트에 HTML을 포함하는 JSX이라는 간단한 문법과 단방향 데이터 바인딩을 사용하고 있다.

JSX

const App = () => {
  const hello = 'Hello world!';
  return <div>{hello}</div>;
};

위와 같이 리액트는 자바스크립트에서 HTML 태그를 사용할 수 있으며, 자바스크립트 변수를 HTML 태그에서 바로 호출하여 사용할 수 있다.

컴포넌트 기반

리액트로 웹 서비스를 개발할 때, 컴포넌트라고 부르는 작고 고립된 코드를 사용하여 UI를 구성하게 된다.

const Title = () => {
  return <h1>Hello world</h1>;
};

const Button = () => {
  return <button>This is a Button</button>;
};

const App = () => {
  return (
    <div>
      <Title />
      <Button />
    </div>
  );
};

2️⃣ 파이어베이스란?

모바일 서버를 개발하기 위해서는 인증, 데이터베이스, 푸시 알람, 스토리지, API 등 모든것을 개발해야 한다.

하지만 모바일 서버는 이런 모든 것을 구성하는데 구성하는 범위가 매번 새로운 앱들과 차이 나지 않기 때문에 리눅스를 설치하고, FTP를 설치하고, 데이터베이스를 설치하고, 노드 서버나 스프링 서버를 올리고, 방화벽을 올리고, 도메인을 구입하는 등의 반복적인 작업을 개발 때마다 하는 것은 시간적으로 효율성이 떨어진다.