React Chat #1

최민석·2021년 1월 12일
3

node-react

목록 보기
7/11


본 게시글은 해당 강의 사이트 를 이용하여 진행 한 프로젝트 내용입니다.

React

React란?

  • 쉽게 말해서 사용자 인터페이스 즉, UI를 만들 때 사용하는 프론트 웹프레임워크라고 생각하면 좋다.
  • JS기반의 라이브러리이다.
  • 정적인 페이지보다는, 사용자와 상호작용이 많은 UI를 만들때 매우 효과적이다.

그리고 무엇보다 다양한 백엔드 프레임워크와 사용하여 확장성이 높은 편이다.

프론트엔드 분야에서 굉장히 많은 사용성을 보이는 프레임워크이다. UI 작업을 위한 프레임워크임을 인지하면 퍼블리싱 관련 분야라고 생각 할 수도 있다.

하지만 역시 웹 퍼블리싱과는 다른 분야라고 생각이 된다.

그렇게 해서 찾아본 프론트엔드/퍼블리싱 차이

내가 알고 있는 웹 퍼블리싱의 내용은 UI 디자인 위주의 구성을 이루고 있다.
그러나 React의 경우, 조금 다른 속성을 가진다고 생각한다.


웹 퍼블리셔의 범위

웹 퍼블리셔의 역할은 웹 디자이너가 디자인 한 것을 웹 표준성과 접근성에 부합하도록 재정리 하는 것이다.

말 그대로, 퍼블리싱을 목표로 웹 디자인 작업과 코딩으로 웹 사이트를 제작하고 편집하는 일이라고 할 수 있다.

사실 퍼블리셔 라는 명칭은 우리나라에서만 사용한다는 점이다.

주요 업무로는 HTML/CSS/JS/JQuery/Ajax 중심으로 마크업 관련 웹 표준성에 대해 업무를 하게 된다.


프론트엔드 개발자의 범위

퍼블리셔와 다른점을 나열해본다면 크게 3가지로 분류 해보았다.

  1. 퍼블리싱보다 더 동적인 화면을 구현한다.

    예를 들어, 사용자의 ID/PASSWORD 계정 유효 확인 등을 통한 프로그래밍을 담당하는 역할을 합니다.

  2. 실제 작동가능한 웹페이지를 구현합니다.

    프론트엔드 개발자는 API를 웹페이지 적용 및 백엔드와의 연동을 통해 실제 작동 가능한 웹페이지를 구현합니다.

  3. 크로스브라우징, 페이지 호완성, 페이지 개선을 관리

    단순 퍼블리싱을 나아가 웹 사이트의 전반을 관리하며 유지보수하는 일까지 맡습니다.


결론적으로 React는? 프론트엔드 범위이다.

가장 큰 부분을 차지한 것이 동적인 웹 페이지 구성을 위한 웹 프레임워크 라는 점이 크다고 생각한다.

물론 AJAX와 JS를 통해서 한다고 하지만,
백엔드와 같이 소통과 협업을 하면서 하는것이 다르다고 생각하는 부분이다.

최근에는 좀 경계가 애매해진다고 생각은 든다... 결국에는 퍼블리싱 개념 자체가 기초이기 때문에...
다 할줄 알아야 한다고 생각이 든다. 🥺


FireBase

파이어베이스 ?

  • 구글에서 제공하는 통합 앱 플랫폼
  • 웹과 모바일 개발에 필요한 기능을 제공하는 BaaS

BaaS는 뭐지?

  • Back as a Service
  • 백엔드 개발을 통해 서버를 따로 설계/구현 없이 프론트엔드 개발에 집중하도록 도와주는 서비스

기능이 엄청 많은 편

  • 실시간 데이터베이스(NoSQL), 간편한 사용자 인증, 호스팅 등..
  • 자세한 건 블로그 내용을 참고.

이러한 장점들을 총합하여 따로 서버 구축 없이 파이어베이스를 이용하여, React에 관해서 좀 더 자세한 학습을 하려고한다.

profile
되돌아보며 성장합니다🔨

1개의 댓글

comment-user-thumbnail
2021년 1월 15일

정말 대단하시네요 !

답글 달기