Fetch와 Promise.then 이해하기
자바스크립트에서 데이터를 비동기적으로 처리할 때 자주 사용하는 fetch 함수에 대해 알아보도록 하자. 이 함수는 서버로부터 데이터를 가져올 때 사용되며, Promise를 반환한다. 그래서 then() 메서드를 활용해 응답을 처리할 수 있다고 한다. 즉, fetch 함수의 위치에 다른 Promise.then() 형태를 사용할 수도 있다는 점을 기억하자.
리액트는 화면만 담당한다고?
리액트는 사용자 인터페이스를 구축하는 데 특화된 라이브러리라고 한다. 따라서 데이터 처리는 서버의 역할이며, 리액트는 이 데이터를 활용해 화면에 렌더링하는 일을 담당한다. 이렇게 분업화된 구조 덕분에 각자의 역할에 집중할 수 있다고 할 수 있다.
리액트에서 MyApp 함수를 살펴보자
Next.js 프레임워크를 사용하는 리액트 애플리케이션에서는 아래와 같은 형태로 MyApp 함수를 정의할 수 있다고 한다.
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
}
이 구조는 각 페이지 전환 시 해당 페이지의 컴포넌트와 페이지 프로퍼티들을 관리하는 역할을 한다고 한다. 아주 효율적인 구조로 보인다.
코틀린과 자바, 그리고 스프링
코틀린은 자바와 상호 운용이 가능하다고 알려져 있다. 코틀린 코드는 자바와 1:1 매칭이 되어 인텔리제이 같은 개발 환경에서 자바 코드와 동일하게 실행될 수 있다. 더불어, 코틀린은 자바 기반의 스프링 프레임워크에서도 사용할 수 있어, 자바 개발자들에게 매력적인 선택지로 자리 잡고 있다고 한다.
프레임워크와 라이브러리의 차이점을 파악하자
프레임워크는 종속성이 강하며 개발자가 특정 규칙과 구조 안에서 작업을 수행하게 하는 반면, 라이브러리는 필요한 기능만을 선택해 사용할 수 있는 유연성을 제공한다고 한다. 이 두 가지의 주된 차이를 이해하는 것은 프로젝트의 요구사항에 적합한 도구를 선택하는 데 큰 도움이 된다.
@SpringBootApplication 어노테이션을 살펴보자
@SpringBootApplication은 사실 세 가지 주요 어노테이션을 포함하는 복합 어노테이션이다. 이는 스프링 부트 애플리케이션의 설정을 간소화하며, 개발자가 더 효율적으로 애플리케이션을 구성할 수 있도록 도와준다고 한다.
falsy 값의 의미와 중요성
JavaScript에서는 false, 0, "", null, undefined, NaN와 같이 조건문에서 false로 평가되는 값을 falsy 값이라고 한다. 이들 값의 이해는 코드의 조건 처리 부분에서 정확하고 효율적인 동작을 보장하는 데 중요하다고 할 수 있다.
파라미터 유연성에 대한 이해
자바스크립트와 같은 동적 타입 언어에서는 함수의 파라미터로 다양한 타입의 인자를 받을 수 있는 유연성이 제공된다. 이는 개발의 편의성을 높여주지만, 때로는 타입 관련 버그의 원인이 될 수 있으므로 주의해야 한다고 한다.
이 모든 내용을 통해 우리는 개발에 필요한 여러 가지 기술과 개념을 더 깊이 이해할 수 있게 되었다.
'JavaScript > REACT' 카테고리의 다른 글
| CDD (0) | 2025.01.17 |
|---|---|
| JSX (0) | 2025.01.17 |
| Custom Component (0) | 2025.01.17 |
| React State & Props (0) | 2025.01.17 |
| SPA (1) | 2025.01.17 |