Per ardua ad astra.

환경 변수 파일 사용하기 (react-native-dotenv)들어가며리액트 네이티브(React Native)에서 환경 변수 파일(env)을 사용하는 방법을 정리해본다.react-native-dotenv 라이브러리를 이용하여 환경 변수를 사용하는 방법이다. 방법1️⃣ react-native-dotenv 패키지 설치하기터미널에 아래 명령을 실행하여 프로젝트에 react-native-dotenv 패키지를 설치한다.$ npm install react-native-dotenv # yarn add react-native-dotenv 2️⃣ .env 파일 생성하기프로젝트 최상단 경로에 .env 파일을 생성하고 환경 변수를 설정한다.API_URL=https://api.example.comAPP..

컴포넌트를 생성하는 방법 2가지 (JSX, React.createElement)들어가며리액트(React.js)에서 컴포넌트를 생성하는 방법 2가지를 정리해본다. 컴포넌트 생성 방법① 함수형 컴포넌트function Greeting() { return ( hello world );} 함수형 컴포넌트는 자바스크립트 함수로 정의되며, JSX(JavaScript XML) 문법을 사용하여 UI를 반환한다.와 태그를 사용하여 UI를 정의한다.JSX는 Babel 같은 컴파일러를 통해 React.createElement 호출로 변환된다.코드가 더 직관적이고 읽기 쉬우며, 컴포넌트를 작성할 때 HTML과 유사한 문법을 사용할 수 있다. ② React.createElementimp..

Cannot find module 'next/babel' 오류 해결하기 (Next.js)들어가며VS Code에서 Next.js 프로젝트를 작업할 때 아래와 같이 오류가 발생할 경우 해결하는 방법을 정리해본다. 방법프로젝트의 최상위 경로에 .babelrc 파일을 생성하고, 파일 안의 내용을 다음과 같이 작성한다. /.babelrc{ "presets": ["next/babel"], "plugins": []} 그리고 프로젝트의 최상위 경로에 있는 .eslintrc.json 파일을 열고 다음과 같이 내용을 수정해준다. /.eslintrc.jsonextends의 값(Value)을 배열(Array) 형태로 만들어주고, "next/babel" 값을 배열에 넣어준다.{ "extends": ["nex..