성장을 향한 작은 몸부림의 흔적들
태그 목록
- 전체보기(186)
- React(48)
- 독서(32)
- Rust(23)
- beyond js(18)
- nextjs(16)
- dante(16)
- typescript(15)
- next.js(11)
- nextjs13(10)
- 서평(9)
- functional programming(8)
- kotlin(8)
- JavaScript(7)
- redux(5)
- next.js13(5)
- 아키텍쳐(4)
- html(4)
- SSR(3)
- vanilla-extract(3)
- 쉽게 말하는(3)
- css-in-ts(3)
- js(3)
- 회고(3)
- CSS(3)
- DDD(3)
- 타입스크립트(3)
- aws(3)
- 별 건 아니지만(3)
- test(3)
- 브라우저(2)
- SolidJS(2)
- react-query(2)
- 스프린트(2)
- React18(2)
- 클린 소프트웨어(2)
- 애자일(2)
- webpack(2)
- jest(2)
- reducer(2)
- frontend(2)
- svelte(2)
- e2e(2)
- 기술면접(2)
- ts(2)
- master course(2)
- 생각(2)
- SOLID(2)
- hook(2)
- rust professionals(2)
- cypress(2)
- 테스트(1)
- next13(1)
- ssh(1)
- ec2(1)
- 2022(1)
- ts 5.2(1)
- Nginx(1)
- next(1)
- useImperativeHandle(1)
- sapper(1)
- webkit(1)
- htmx(1)
- 아키텍처(1)
- DOCTYPE(1)
- apple vision(1)
- 인터뷰(1)
- Jotai(1)
- WWDC(1)
- useReducer(1)
- useRef(1)
- postcss(1)
- 기술(1)
- 협업(1)
- CSR(1)
- typescript5(1)
- 책(1)
- svelte4(1)
- code splitting(1)
- Vercel(1)
- github(1)
- 객체지향(1)
- seo(1)
- useEvent(1)
- 저예산 러스트(1)
- svg(1)
- styled component(1)
- Remix(1)
- WWDC2023(1)
- useTransition(1)
- mobx(1)
- Suspense(1)
- audio(1)
- 도커(1)
- OS(1)
- git(1)
- 디자인패턴(1)
- sentry(1)
- 함수형(1)
- Fiber(1)
- virtual DOM(1)
- web(1)
- component(1)
- app router(1)
- 웹 렌더링(1)
- Bun(1)
- npm(1)
- react season component(1)
- react dom(1)
- nextjs master course(1)
- 101(1)
- CRA(1)
- panda.css(1)
- island architecture(1)
- 함수형 프로그래밍(1)
- optimize(1)
- 사이드 프로젝트(1)
- 별 거 아니지만(1)
- AB테스트(1)
- using(1)
- 프론트엔드(1)
- chatGPT(1)
- panda(1)
- ts5.0(1)
- 기술 면접(1)
- bun1.0(1)
- useEffect(1)
- useState(1)
- useSyncExternalStore(1)
- decorator(1)
- async(1)
- node.js(1)
- DesignPattern(1)
- 네트워크(1)
- VDOM(1)
- critical path(1)
- book(1)
전체보기 (186)React(48)독서(32)Rust(23)beyond js(18)nextjs(16)dante(16)typescript(15)next.js(11)nextjs13(10)서평(9)functional programming(8)kotlin(8)JavaScript(7)redux(5)next.js13(5)아키텍쳐(4)html(4)SSR(3)vanilla-extract(3)쉽게 말하는(3)css-in-ts(3)js(3)회고(3)CSS(3)DDD(3)타입스크립트(3)aws(3)별 건 아니지만(3)test(3)브라우저(2)SolidJS(2)react-query(2)스프린트(2)React18(2)클린 소프트웨어(2)애자일(2)webpack(2)jest(2)reducer(2)frontend(2)svelte(2)e2e(2)기술면접(2)ts(2)master course(2)생각(2)SOLID(2)hook(2)rust professionals(2)cypress(2)테스트(1)next13(1)ssh(1)ec2(1)2022(1)ts 5.2(1)Nginx(1)next(1)useImperativeHandle(1)sapper(1)webkit(1)htmx(1)아키텍처(1)DOCTYPE(1)apple vision(1)인터뷰(1)Jotai(1)WWDC(1)useReducer(1)useRef(1)postcss(1)기술(1)협업(1)CSR(1)typescript5(1)책(1)svelte4(1)code splitting(1)Vercel(1)github(1)객체지향(1)seo(1)useEvent(1)저예산 러스트(1)svg(1)styled component(1)Remix(1)WWDC2023(1)useTransition(1)mobx(1)Suspense(1)audio(1)도커(1)OS(1)git(1)디자인패턴(1)sentry(1)함수형(1)Fiber(1)virtual DOM(1)web(1)component(1)app router(1)웹 렌더링(1)Bun(1)npm(1)react season component(1)react dom(1)nextjs master course(1)101(1)CRA(1)panda.css(1)island architecture(1)함수형 프로그래밍(1)optimize(1)사이드 프로젝트(1)별 거 아니지만(1)AB테스트(1)using(1)프론트엔드(1)chatGPT(1)panda(1)ts5.0(1)기술 면접(1)bun1.0(1)useEffect(1)useState(1)useSyncExternalStore(1)decorator(1)async(1)node.js(1)DesignPattern(1)네트워크(1)VDOM(1)critical path(1)book(1)
remix run tutorial (전편)
리믹스 문서의 튜토리얼을 보고 리믹스의 기초 사용방법에 대해 정리한 글입니다. 프로젝트 시작 다음 화면이 쉘에 표시됩니다. where do you want to deploy? ... 질문에는 Remix App Server를 사용했는데요, 리믹스 앱 서버는 익스프레스 기반의 노드서버를 사용합니다. node.js 최소 버전은 >= 14, 권장 버전은 >= 16이며 npm 최소 버전은 >= 7, 권장 버전은 >=8 입니다. 생성된 remix-jokes 프로젝트 폴더는 다음과 같은 계층구조를 보입니다. app/은 리믹스 앱의 코드들이 자리하는 곳입니다. app/entry.client.tsx는 브라우저에서 구동되는 리믹스 앱의 시작점입니다. hydrate가 일어납니다. `app
2021년 12월 15일
·
0개의 댓글·
6