react3

• 

  [이슈 로그] 리액트 애플리케이션 백그라운드 실행 리액트 애플리케이션을 백그라운드로 실행하기 위해 아래 커맨드를 입력했다.$ yarn dev --host 0.0.0.0 --mode production & 정상적으로 실행될 것이라는 기대와 다르게 에러가 발생한다.[5]+ Stopped (tty input) yarn dev --host 0.0.0.0 --mode production원인이 무엇일까?React 개발 서버(yarn dev)는 실행 중 터미널 입력을 필요로 하지만 이를 백그라운드에서 실행시켰으므로 터미널 입력을 처리하지 못하고 동작을 멈춘 것이다. 따라서 이는 TTY 입력 문제로 React 개발 서버는 백그라운드 실행 시에도 TTY 입력을 기본적으로 기다리는 특징을 이해해야 한다.해결은 nohup해결을 위해 nohup을 사용한다. n.. 개발일기/이슈 로그 2024. 12. 2.

• 

  CRA 프로젝트 vite로 migration하기 - 본론 안녕하세요. K-L1VERSE의 Aiden입니다. K-L1VERSE의 프론트는 CRA 구조로 시작된 K-L1VERSE는 Vite로 이관되어 더 빠른 빌드 & 배포 시간을 가지는 것을 목표로 하고 있습니다. 지금부터 구체적인 방법을 함께 알아보겠습니다.yarn 설치사실 yarn을 설정하는 방법은 소개하기 민망할 정도로 정말 간단하다.npm install -g yarnyarn -vpackage-lock.json 삭제하기package-lock.json은 npm 패키지 매니저에서 node_modules 디렉토리에 설치된 패키지들의 의존성 트리를 기록하는 파일을 의미한다. npm을 사용해서 node_modules 트리나 package.json 파일을 수정하게 되면 자동으로 생성되는데, 이 파일은 파일 생성 시점의.. K-L1VERSE 2024. 10. 1.

• 

  CRA 프로젝트 vite로 migration하기 - 서론 안녕하세요. K-L1VERSE의 Aiden입니다. 케이리버스의 프레임이 전부 웹에 배포되었습니다. K-L1VERSE k-l1verse.site물론 아직 부분적으로 제대로 동작하지 않고 개선해야 할 부분이 많습니다. 그래도 하나의 서비스가 개선되어 가는 과정을 하나씩 거쳐가면서 그 회고를 정리하는 시간을 가져볼 예정입니다. 오늘은 그 첫 번째 시간 “CRA 프로젝트를 vite로 migration”입니다.현재 K-L1VERSE의 문제점K-L1VERSE의 프론트엔드는 CRA, JS, npm 기반의 프로젝트로 구성되어 있다. 프로젝트 초기에 이 기술스택을 선정한 이유는 단 한 가지 “Less to Learn”이라는 특징이다.CRA는 React에 추가되고 수정되는 기능에 따라 버전 업그레이드를 도와준다. 과거 버.. K-L1VERSE 2024. 10. 1.