⭐️ 고민거리
N/A
프론트엔드 개발자가 하는 일
- 디자인 시안에 따른 UI 구성 (HTML & CSS)
- 코드 컴포넌트화
- 반응형 / 크로스 브라우징
- SEO / 접근성
- 각종 최적화
- 화면 조작 (JavaScript)
- 마우스, 키보드, 스크롤 이벤트 등
- 동적인 화면
- 사용자 요청에 따른 데이터 변경과 화면 재출력
- 데이터 전송 및 처리
- Client > DB
- BO > DB > Client
- 개발 관리
- 개발 환경 및 프로젝트 컨벤션
- 일정 및 이슈
- 기획자 및 디자이너와의 협업
- 배포 프로세스 및 유지 보수 관리
React
- Web Application의 발전: 생산성 향상, 데이터 관리 측면, 유지 보수 용이 등의 이유로 다양한 프론트엔드 프레임워크와 라이브러리가 등장
1. HTML / CSS / JavaScript / DOM / Event
2. jQuery
3. Augular / Vue / React (framework & library)
- 프레임워크와 라이브러리의 차이
- 정해진 틀 안에서 작업해야 하는 환경이라면 프레임워크
- 필요한 기능만을 가져다가 쓸 수 있다면 라이브러리
- React는 화면(view)을 어떻게 그릴지만 담당하는 라이브러리
- React를 사용하는 이유
- JavaScript 문법을 그대로 활용하기 때문
- 활성화된 생태계 > 트러블 슈팅에 용이
- 리액트 기반의 React Native로 모바일 어플리케이션 개발도 가능