[DevCourse] 생성형 AI 활용 백엔드 데브코스 10일차

오늘은 처음으로 React를 직접 사용해 보는 시간이었다.

 

처음으로 사용해보는 React는 어색했지만, React를 사용해 웹 페이지를 구성해 보는 과정이 새로웠고,

조금은 어렵기도 했지만 동시에 흥미롭기도 했다.

---

📌 오늘 배운 내용 정리

1. 모던 자바스크립트 문법 정리

map, filter 같은 고차 함수를 활용해 배열을 다루는 방식을 연습했고, 옵셔널 체이닝(?.), 널 병합 연산자(??) 같은 최근에 등장한 문법들도 배웠다.

이런 문법들은 코드를 더 안전하고 깔끔하게 작성할 수 있도록 도와준다.

 

2. React 개요 및 JSX 문법 학습

그리고 오늘의 핵심은 React를 처음으로 다뤄본 것이었다. React가 왜 등장하게 되었는지, 어떤 구조로 동작하는지 개념적으로 이해하고, JSX 문법을 활용해 UI를 구성하는 실습까지 직접 해봤다.

 

<h1>Hello</h1>처럼 HTML을 쓰듯이 작성했는데 실제로는 자바스크립트 객체로 변환된다는 걸 알고 나니 UI를 코드로 표현하는 방식이 훨씬 직관적이라는 걸 느꼈다.

 

---

✨ React 첫인상

처음엔 당연히 어색했다. HTML이랑 비슷한 문법이 섞여 있고, props나 컴포넌트 개념도 아직은 익숙하지 않다.

하지만 직접 예제를 작성해 보면서 “아, 이게 진짜 프론트엔드 개발자들이 말하던 컴포넌트 기반 UI구나”라는 감이 왔다.

 

특히 JSX를 쓰기 전과 후를 비교해 보니, JSX 덕분에 UI를 훨씬 간결하고 보기 좋게 구성할 수 있다는 걸 바로 체감했다.

예제 하나를 완성할 때마다 React의 효율성이 왜 중요한지 점점 느껴졌다.

---

🧡 느낀 점

무엇보다 오늘은 React로 간단한 웹페이지를 직접 구성해볼 수 있어서 정말 재밌었다.

단순히 배운 개념을 암기하는 걸 넘어서, 그걸 실습을 통해 내 손으로 구현해볼 수 있어서 재밌었다.

 

강의를 들으며 프론트엔드 세계는 정말 빠르게 변하고 있구나, 개발자는 끊임없이 배우고 익숙해지는 과정을 반복해야겠구나 싶었다.