React에 대해 공부하기-1(1차프로젝트 짧은 회고)

 

 

어찌어찌 1차 프로젝트가 끝이 났다....
후회도 많이 남고, 아쉬움도 많이 남는 거 같다.

개인적으로 가장 큰 아쉬움은 아무래도 계획한 기능을 구현하지 못한 것이 아닐까 싶다.

처음 계획한 기능 중 로그인 성공 시 일반유저의 헤더 변경, admin계정의 헤더 변경 기능을 끝내 구현하지 못하고 프로젝트 제출을 하고 말았다....

이 과정에서 나는 내가 쏟은 시간과 기능구현율은 반드시 비례하지 않는다는 것을 알게 되었다.
너무 아쉬웠고, 제출하는 순간에도 팀원들에게 미안한 마음이 많았다.

 

나의 프로젝트 과정을 돌이켜보니, 나의 실수를 알 것 같았다.

처음 계획한 핵심기능구현을 첫째 목표로 설정하고, 이행할 것!

css 또는 자잘한 기능구현은 나중일 인 것 같다.

결국 앞 글에서 기술한

2023.11.08 - [Devlog] - 1차 프로젝트-로그인창 JS구현

1차프로젝트-로그인창 JS구현

 

로그인 구현 관련(작성폼에 따른 버튼색 변경 및 활성화)은  구현은 했지만 후에 넣은 기능과의 오류가 발생해

덜 중요한 기능인 이것을 참조 표시하여 결국 구현하지 않았다.

(나는 결국 중요하지 않은 기능에 시간분배를 하고, 정작 필수적인 기능을 넣는 것에 시간을 쓰지 못했고
끝내 구현하지 못한 바보였던 것이다.)

 

하지만, 실패는 중요치 않다!! 앞으로 그러지 않으면 되는 것이다!!

 

그래서 오늘부터는 본격적으로 React를 배우게 되었다.

리액트는 1차 스터디 때 사용하여서 익숙하고 이해하는데 그리 많은 시간이 걸리지 않았다!

다시 한번 정리해 보자면

React란?

React(리액트)란 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리. React는 선언적이고 효율적이며, 유연하다. 또한 React의 컴포넌트(component)라고 하는 요소를 이용하면 복잡한 UI를 독립적인 단위로 쪼개어 구현할 수 있다고 

React 공식 문서에 기술되어 있다

 

리액트의 등장 배경은  2011년에 페이스북은 자바스크립트와 XHP 공생을 기반으로 React 라이브러리를 출시했고, React는 2013년 오픈 소스화되었으며 다른 어떤 도구보다 빠르게 동작한다고 한다.

 

 React를 사용하는 이유(장점)

 

• React의 Virtual DOM은 사용자 경험을 향상하고 개발자의 작업 속도를 높입니다. Virtual DOM이란 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍 개념입니다.
• React 컴포넌트의 재사용은 개발 시간을 크게 절약합니다.
• 단방향 데이터 흐름을 통해 안정적인 코드를 제공합니다. 단방향 데이터 흐름은 데이터는 항상 일정한 장소에 있고, 그 장소에서만 변경이 가능한 것을 의미합니다.
• 오픈 소스이며 페이스북 라이브러리이기 때문에 지속해서 개발되고 커뮤니티에 공개됩니다.
• Hooks를 이용해 컴포넌트의 상태를 쉽게 관리할 수 있습니다.
• 여러 개발 도구를 지원합니다. 예를 들어 크롬에서는 React Developer Tools라는 확장 프로그램을 제공합니다.

라고 공식문서에 기술되어 있다.

근데 공부하기 전 내가 공부하고 이해한 React의 장점은

재사용 컴포넌트라고 생각했었다.

실제로 재사용컴포넌트를 이용해 1차 스터디에 쉽게 코딩한 기억이 있다.

 

어쨌든, React를 공부시작하게 되면서 예습의 중요성을 느꼈고, 반가웠고, 습득이 더 잘되었던 것 같다.

다음엔 미래의 내가 프로젝트 초기 셋팅을 할수있게 CRA로 리액트를 시작하는 방법에대해 정리해보겠다.

 

 

 

 

프론트엔드 부트캠프, 엘리스 SW 엔지니어 트랙

#엘리스트랙 #엘리스트랙후기 #리액트네이티브강좌 #온라인코딩부트캠프 #온라인코딩학원 #프론트엔드학원 #개발자국비지원 #개발자부트캠프 #국비지원부트캠프 #프론트엔드국비지원 #React #Styledcomponent #React Router Dom #Redux #Typescript #Javascript