moomood

redirect : 특정 url을 입력했을 때 지정된 다른 url로 이동시키는 기법 rewrite : redirect와 같은 역할을 하지만 사용자에게 url의 변경을 알리지 않고 내부적으로 이동시키는 기법 NextJs 프로젝트를 생성하고 next.config.js 파일을 보면 버전에 따라 차이는 있겠지만 아래와 같은 형태로 파일이 존재할 것이다. /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, } module.exports = nextConfig 첫째로 redirect 기능을 사용하기 위해서 nextConfig 안에 redirects라는 함수를 추가해 주어야 한다. /** @type {import('n..

실제 react native app을 만들기 위해서는 컴파일을 위한 프로그램이 필요하지만 테스트 / 학습에는 expo를 이용하여 컴파일 과정을 대체할 수 있다. https://expo.dev/ Expo Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. expo.dev expo 실행을 위해 로그인이 필요하니 가입하도록 한다. # 1.expo-cli 설치 > npm install -g expo-cli # 2.expo app 생성 > npx create-expo-app my-app # 3.expo app login > npx expo login..

- useState 표현 const [counter, setCounter] = React.useState(0); 위와 같이 정의된 counter라는 state 값이 있을 때 1. 특정 값으로 바꾸는 경우 setCounter(12345); 2. 기존의 index 값을 기준으로 바꿀 경우 아래와 같이 써주는 것이 안정성 면에서 우수하다. setCounter(curIndex => curIndex + 1); - React Memo React는 state 변경이 일어나면 내부 컴포넌트 전체를 re-render 한다. 그러나 memo를 통해 만들어진 컴포넌트는 본인의 props가 변경되지 않으면 state 변경이 일어나더라도 re-render 하지 않도록 하다. - PropType 컴포넌트에 전달 받는 props ..

1. 개발 환경 : vscode, node js 2. 설치 명령 터미널 > npx create-react-app . 3. 서버 시작 명령 터미널 > npm start (리엑트 기본 포트 : 3000) 5. 초기 실행화면