[0주차] #1. 주특기 선택하기

항해99 사전준비(0주차)가 진행되는 동안 본과정 99일간 연마할 주특기를 선택하게 된다. 취업을 위한 무기로 사용 될 스타팅 포켓몬을 고르는 과정이다. 주특기는 Spring과 React 중에서 골라야 했고, 그 중에서 나는 React를 고르게 되었다.

아래의 내용과 함께 항해99 1기로 수료한 이대호 개발자의 설명으로 선택에 많은 도움을 받았다.
기수마다 선택 가능한 주특기 종류에는 차이가 있을 수 있다.

React

---

1. Frontend

💡사용자들의 보이는 웹 화면을 프론트엔드라고 하고, 이것을 개발하는 사람을 프론트엔드 개발자라고한다.

1-1. 프론트엔드 역할

A. 받은 데이터를 화면에 그리기

• HTML & CSS로 서버에서 받은 데이터를 화면에 UI/UX를 고려해서 이쁘게 보여준다.

B. 데이터 받기 & 데이터 보내기

• Javascript로 데이터베이스에 저장된 정보를 서버에 요청해서 불러온다.
• Javascript로 사용자가 입력한 정보를 서버에 요청해서 데이터베이스에 저장한다.

1-2. 프론트엔드 장점

A. 자신이 개발한 것을 바로바로 눈으로 확인 할 수 있다.

B. 사용자의 사용성을 고려해서 개발 할 수 있다.

C. 새로운 것을 더 자주 많이 공부 할 수 있다.

• 프론트엔드는 새로운 기술들이 많이 생겨나기 때문에 그때마다 새로운 것들을 공부해야한다.

D. 풀스택으로 전향하기 비교적 더 쉽다.

• Javascript는 프론트엔드 유일한 프로그래밍 언어이고, 백엔드 개발에도 사용된다.
• 프론트엔드 개발하면서 데이터를 어느정도 다루기 때문에 서버에 대한 지식도 어느정도 배우게 된다.

---

2. React

💡React는 프레임워크, 자바스크립트의 라이브러리의 하나로서 웹 UI를 개발할 때 사용한다.

2-1. React 특징

A. Virtual DOM

• DOM은 웹 브라우저가 HTML파일을 인식하는 구조이다.
• Virtual DOM을 이용해서 실제 DOM에서 변화된 사항만 변경해서 빠르게 웹 브라우저가 변화된 부분만 수정하게 한다.

B. JSX

• Javascript에서 HTML을 작성할 수 있도록 XML을 추가한 문법이다.
• Html 파일을 따로 안만들고 Javascript 파일에서 개발할 수 있기 때문에 편리하고 쉽다.

C. UI 구성요소 재사용 (컴포넌트 모듈화)

• 페이지를 이루고 있는 구성 요소들을 파일들로 분리해서 해당 요소들을 다른 페이지에서도 재사용 할 수 있게 한다.
  • ex)Button, Input, Header

2-2. React 장점 (다른 프레임워크와 비교)

A. 엄청나게 큰 생태계

• 계속해서 버전 업그레이드가 된다.
• 관련 라이브러리들이 많이 개발된다.
• React에서 파생된 좋은 프레임워크들이 많이 개발된다. ex)Next.js
• 참고할만한 자료들이 많다.

B. 많은 기업에서 사용한다.

• Airbnb, Kakao, Naver, Toss 등 많은 글로벌 기업에서 활발하게 사용하고 있다.
• 수요가 많기 때문에 비교적 취업하기 더 쉽다.

C. 리액트는 프레임워크가 아니라 라이브러리다.

• 프레임워크는 전체적인 흐름의 주도성을 가지고 있어서 이미 만들어져있는 구조에 코드를 넣는 방식이다.
• 라이브러리는 사용자가 전체적인 흐름을 만들며 라이브러리를 가져다 쓰는 것 이다.
• 그래서 리액트는 다른 프레임워크와 다르게 자율성이 높고, 발전 가능성이 높다.

The JavaScript framework war is over