2025/04 2

useState... 이거는 알고가야죠?

React 공식 문서에는 이렇게컴포넌트에 state 변수를 추가할 수 있는 React Hook이라고 설명한다. 그럼 여기서 state는 무엇인가? 파파고에서 상태라고 해석되는데, 이와 같은 의미이다. 즉, 컴포넌트의 상태를 의미하는 것이다. 그럼? 다시 useState를 정의하자면,컴포넌트의 상태를 간편하게 생성하고 업데이트 해주는 도구를 제공해 준다 state 생성과 동시에 가져야 할 초기값을 useState 함수에 인자로 넣으면 state와 setState를 두 가지 요소를 배열 형태로 리턴해준다. ex)const [state, setState] = useState(초기값) 쪼...... 끔 추상적이죠? 이해를 돕기 위해 한 마디로 정리하자면-> useState는 React에서 컴포넌트..

개발/React 2025.04.14

Next.js: 웹 애플리케이션 개발을 위한 강력한 프레임워크

Next.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원하여 웹 애플리케이션 개발을 더욱 효율적으로 만들어줍니다. 이 블로그 포스트에서는 Next.js의 주요 아키텍처, 라우팅, API, 고급 기능, 데이터 가져오기, 서버리스 컴포넌트, 그리고 타사 지원에 대해 살펴보겠습니다. 1. 아키텍처Next.js를 효과적으로 활용하기 위해서는 먼저 그 아키텍처를 이해하는 것이 중요합니다. Next.js는 페이지 기반의 라우팅 시스템을 제공하며, 각 페이지는 디렉토리 내의 파일로 정의됩니다. 이러한 구조는 개발자가 애플리케이션을 쉽게 관리하고 확장할 수 있도록 돕습니다. 2. 라우팅 & 다이나믹 라우팅Next.js는 페이지 디렉토리 내부의 파일 이름을 기반..

개발/Next.js 2025.04.14
반응형