바닐라 JavaScript에서 React로 넘어오며 느낀점

wjs_813·2026년 3월 9일

React

목록 보기
1/4
post-thumbnail

왜 바닐라 JavaScript 대신 React를 사용할까

React를 공부하게 된 이유

웹 개발을 처음 공부할 때는 HTML, CSS, JavaScript만으로도 충분하다고 생각했다.
하지만 프로젝트 규모가 점점 커지고 구현해야 하는 기능이 많아질수록 코드가 길어졌고, 관리도 점점 복잡해졌다.
그러던 중 학교 선배의 조언으로 React를 접하게 되었고, 왜 많은 개발자들이 React를 사용하는지 이해하게 되었다.

바닐라 JavaScript를 사용할 때 불편했던 점

바닐라 JavaScript를 사용하면서 가장 불편했던 점은 DOM을 직접 조작해야 해서 코드가 길고 복잡해진다는 것이었다.
그리고 화면의 상태가 바뀌어도 자동으로 반영되지 않아서 직접 수정해야 했고, 여러 HTML 파일을 연결하거나 페이지를 나누는 과정도 생각보다 번거롭게 느껴졌다.

React를 사용하는 이유

1. 컴포넌트로 화면을 나눠서 관리할 수 있다

내가 React를 쓰는 가장 큰 이유는 컴포넌트로 화면을 나눠서 관리할 수 있기 때문이다.
기능별로 코드를 분리할 수 있어서 구조를 정리하기 편했고, 수정이 필요할 때도 훨씬 수월했다.

2. state로 변경사항을 바로 반영할 수 있다

state를 사용하면 변경된 내용이 화면에 바로 반영되어 동적인 페이지를 만들기 편하다고 느꼈다.
바닐라 JavaScript에서는 화면을 직접 바꿔줘야 하는 경우가 많았는데, React는 이런 부분을 더 편하게 처리할 수 있었다.

3. 다양한 라이브러리를 활용할 수 있다

그리고 React에는 사용할 수 있는 라이브러리도 많아서 기능을 확장하기 좋고, 전반적으로 더 부드럽게 동작한다는 점도 장점이라고 생각한다.
필요한 기능을 직접 전부 구현하지 않아도 된다는 점에서 개발이 훨씬 편리하게 느껴졌다.

마무리

React를 공부하면서 친구들끼리 장난처럼 “예전에는 순수 JavaScript만으로 웹을 어떻게 만들었을까?”라는 말을 하곤 한다.
나도 React를 사용해보면서 그 말에 어느 정도 공감하게 되었다.
그만큼 React는 편리했고, 나에게는 신기한 신기술처럼 느껴졌다.
앞으로는 React를 단순히 사용하는 데서 그치지 않고, 구조와 동작 방식까지 더 깊이 이해할 수 있도록 공부해보고 싶다.

React는 복잡해지는 화면을 더 체계적으로 관리할 수 있게 도와주는 도구라고 느꼈다.

profile
경북소프트웨어 마이스터고 소프트웨어 개발과 학생입니다. velog에 제가 사용한 개념을 정리하고 있습니다

0개의 댓글