feat: init (#1)

## webpack vs vite
vite는 최근 webpack 대신 많이 채택되고 있는 빌드 도구. 내부는 rollup이나 dev에선 esbuild, native esm을 사용하여 속도가 빠름. 반면 webpack은 관련된 모든 파일을 번들링 해야하기 때문에 개발에서 빌드 속도 차이가 수 초 이상 발생하게됨

## react-router vs tanstack router
react router는 리액트 초창기부터 사용되어져왔고, tanstack router는 비교적 최근에 생겨났는데, 타입 안정성에 신경을 쓰다보니 라우트를 위해 신경써야할 장치들이 있고, export 해야할 데이터가 달라 처음 사용하는 사람은 혼란이 있을 수 있음. 또한 그에 따른 러닝커브가 존재하여 react-router를 선택

Reviewed-on: #1
Co-authored-by: Jinseok (심진석) <jinseok.sim@tf.dabeeo.com>
Co-committed-by: Jinseok (심진석) <jinseok.sim@tf.dabeeo.com>
This commit was merged in pull request #1.
This commit is contained in:
2026-04-08 10:43:41 +09:00
committed by jinseok
parent d3efb9e2d2
commit d1fdae63ac
18 changed files with 4085 additions and 2 deletions

21
web-app/eslint.config.js Normal file
View File

@@ -0,0 +1,21 @@
import eslint from '@eslint/js';
import tseslint from 'typescript-eslint';
import reactHooks from 'eslint-plugin-react-hooks';
import stylistic from '@stylistic/eslint-plugin';
export default tseslint.config(
{ ignores: ['node_modules/', 'dist/', 'build/', '.react-router/'] },
eslint.configs.recommended,
tseslint.configs.recommended,
stylistic.configs.customize({
indent: 2,
semi: true,
jsx: true,
braceStyle: '1tbs',
commaDangle: 'always-multiline',
quoteProps: 'as-needed',
arrowParens: true,
}),
reactHooks.configs.flat.recommended,
);