tpdud406 commented 1 week ago

:sparkles: Feature Request

이런 목표를 달성해야 합니다

이 이슈로 무슨 목표를 달성하고자 하며 어떤 상태가 되어야 하는지 간결히 적어주세요.

최신 디자인 트렌드를 반영해 회사 사이트의 '소개' 및 '서비스' 페이지에 전문적이고 현대적인 분위기 강조
사용자 경험을 개선해 사이트의 신뢰성과 가독성을 높이고, 방문자에게 긍정적인 첫인상을 제공

현재 이런 상태입니다

이 이슈를 생성한 현시점의 문제 혹은 향후 문제 발생 가능성에 대하여 간결히 적어주세요.

현재 '소개' 및 '서비스' 페이지는 최신 디자인 트렌드와 다소 거리가 있어, 회사의 전문성과 혁신성을 충분히 전달하지 못함

이 이슈는 이 분이 풀 수 있을 것 같습니다

담당할 Assignee를 @로 1명만 멘션해주세요.

@tpdud406

아래의 세부적인 문제를 풀어야 할 것 같습니다

이 이슈를 해결하기 위한 세부 항목(이슈 클로징 조건)을 체크리스트로 적어주세요.

[x] 회사 소개 페이지의 Nuxt3 버전업
- [x] MEANIIT-frontend 리포지토리의 Nuxt3와 node 버전 맞추기
[ ] 언어 전환 (Kor, Eng)
- [ ] 버튼 생성
- [ ] 버튼 클릭시 전환 로직 추가
[ ] 디자인 변경
- [ ] [소개 페이지]
  - [ ] 큰 골격 생성 (이미지, 텍스트 들어갈 위치, 화면 구성 등) _ 배경이 컨텐츠 프레임보다 더 넓은 영역 차지
  - [ ] 첫 노출 이미지(화면 전체 차지) 및 비전 텍스트
  - [ ] App-bar 구성 변경 (좌측에 로고, 기타 메뉴 우측 정렬 / 모바일은 햄버거 아이콘)
- [ ] [서비스 소개 페이지]
  - [ ] 큰 골격 생성 (이미지, 텍스트 들어갈 위치, 화면 구성 등) _ 배경이 컨텐츠 프레임보다 더 넓은 영역 차지
  - [ ] 첫 노출 이미지(화면 전체 차지) 및 비전 텍스트
  - [ ] App-bar 구성 변경 (좌측에 로고, 기타 메뉴 우측 정렬 / 모바일은 햄버거 아이콘)
  - [ ] 좌측에 강점 텍스트 + 우측에 서비스 모습(PC 버전)
[ ] Dark 모드 (옵션)

이 이슈를 해결하기 위해 이런 내용을 참고할 수 있을 것 같습니다

문제 해결에 도움이 될 수 있을 것 같은 관련 이슈 번호, 문서, Wiki, 스크린샷, 개인적인 의견 등을 최대한 적어주세요. 이 이슈가 다른 이슈와 관련되어 있는 경우, "#" 혹은 URI 전체를 복사붙여넣기 하는 형태로 반드시 이슈 번호를 적어주세요

관련이슈
- https://github.com/knowease-inc/MEANIIT-frontend/issues/437
참고문서 URL, 스크린샷 등
- TBD

이 이슈 해결을 위해 이정도 시간이 예상됩니다

예상소요시간을 한가지만 선택해주세요. (1W+ 가 아닌 경우 레이블을 변경해주세요.)

예상소요시간: :blue_car: 1W+

이 이슈를 해결함에 따라 이정도 재무적 영향이 예상됩니다.

이 이슈를 해결함에 따라 전사적으로 유의미한 수익/비용 변동이 예상될 경우, 해당 수치를 입력해주세요.

예상수익: :dollar: (원/월) TBD
예상비용: :money_with_wings: (원/월) TBD

tpdud406 commented 6 days ago

@T-Mook

Nuxt3로 마이그래이션 중에 아래와 같은 에러가 발생해서 확인중입니다..
기초 설정 값들 변경하고 실행했을땐 문제가 없었는데 어제부터 갑자기(?) ERROR [unhandledRejection] EMFILE: too many open files 가 발생하더니 정상 실행이 안되고 있습니다.
- 현재 Meaniit이랑 같은 모듈들을 저장했는데도 knowease에서만 이 에러가 발생
- ( 혹시 이 에러에 대해 아시는 것이 있다면.. 코멘트 부탁드립니다..!)
지금 모듈 하나씩 체크해가며 확인중인데, 월요일까지 확인해보고 안되면 일단 패키지 원복 시켜서 디자인 변경 먼저 진행 후 다시 마이그래이션 시도해보려고 합니다..!

yarn dev
yarn run v1.22.21
$ nuxt dev
Nuxt 3.13.2 with Nitro 2.9.7                                               12:39:16 PM
                                                                           12:39:16 PM
  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

  ➜ DevTools: press Shift + Option + D in the browser (v1.6.0)             12:39:17 PM

[12:39:18 PM]  ERROR  [unhandledRejection] EMFILE: too many open files, watch '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/@nuxtjs/vuetify/node_modules/vuetify/es5/locale/en.js.map'

  at __node_internal_captureLargerStackTrace (node:internal/errors:497:5)
  at __node_internal_uvException (node:internal/errors:553:10)
  at FSWatcher.<computed> (node:internal/fs/watchers:247:19)
  at watch (node:fs:2392:36)
  at createFsWatchInstance (node_modules/unstorage/node_modules/chokidar/src/handler.ts:163:12)
  at setFsWatchListener (node_modules/unstorage/node_modules/chokidar/src/handler.ts:228:15)
  at NodeFsHandler._watchWithNodeFs (node_modules/unstorage/node_modules/chokidar/src/handler.ts:398:16)
  at NodeFsHandler._handleFile (node_modules/unstorage/node_modules/chokidar/src/handler.ts:460:25)
  at NodeFsHandler._addToNodeFs (node_modules/unstorage/node_modules/chokidar/src/handler.ts:735:23)

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/check-outdated-build.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/check-outdated-build.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/check-outdated-build.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/check-outdated-build.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/revive-payload.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/revive-payload.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/revive-payload.server.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/revive-payload.server.js'

[12:39:18 PM]  ERROR  EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/.nuxt/tsconfig.json'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/chunk-reload.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/chunk-reload.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/revive-payload.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/revive-payload.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/head/runtime/plugins/unhead.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/head/runtime/plugins/unhead.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/head/runtime/plugins/unhead.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/head/runtime/plugins/unhead.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/chunk-reload.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/chunk-reload.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/router.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/router.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/router.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/router.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/head/runtime/plugins/unhead.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/head/runtime/plugins/unhead.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/prefetch.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/prefetch.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/router.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/router.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.server.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.server.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/prefetch.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/prefetch.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/dev-server-logs.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/dev-server-logs.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/check-if-layout-used.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/check-if-layout-used.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/dev-server-logs.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/dev-server-logs.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.server.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.server.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/check-if-layout-used.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/check-if-layout-used.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.client.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.client.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/dev-server-logs.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/dev-server-logs.js'

[12:39:18 PM]  WARN  Failed to parse static properties from plugin node_modules/nuxt/dist/app/plugins/check-if-layout-used.js. EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/node_modules/nuxt/dist/app/plugins/check-if-layout-used.js'

[12:39:18 PM]  ERROR  Cannot start nuxt:  EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/.nuxt/types/app.config.d.ts'

  at Object.open (node:internal/fs/sync:78:18)
  at Object.openSync (node:fs:565:17)
  at writeFileSync (node:fs:2288:35)
  at node_modules/nuxt/dist/index.mjs:5294:9
  at generateApp (node_modules/nuxt/dist/index.mjs:5301:5)
  at async _applyPromised (node_modules/perfect-debounce/dist/index.mjs:54:10)

[12:39:18 PM]  ERROR  [unhandledRejection] EMFILE: too many open files, open '/Users/geta/Desktop/get-A/knowease-inc.github.io/.nuxt/types/app.config.d.ts'

  at Object.open (node:internal/fs/sync:78:18)
  at Object.openSync (node:fs:565:17)
  at writeFileSync (node:fs:2288:35)
  at node_modules/nuxt/dist/index.mjs:5294:9
  at generateApp (node_modules/nuxt/dist/index.mjs:5301:5)
  at async _applyPromised (node_modules/perfect-debounce/dist/index.mjs:54:10)

[12:39:18 PM]  ERROR  [uncaughtException] EMFILE: too many open files, scandir '/Users/geta/Desktop/get-A/knowease-inc.github.io'

T-Mook commented 6 days ago

@tpdud406

저도 아직 아는 바는 업는 에러이지만,

안되면 일단 패키지 원복 시켜서 디자인 변경 먼저 진행 후 다시 마이그래이션 시도해보려고 합니다..!

마이그레이션을 우선하시는게 작업이 더 편하실거에요. 했던 코드 또 세부수정 해야하는게 멘탈에 더 안 좋습니다 ㅎㅎ
그냥 완전히 새로 설치한 상태에서 시작하시는걸 추천드리겠습니다

현재 Meaniit이랑 같은 모듈들을 저장했는데도 knowease에서만 이 에러가 발생

혹시나 해서 드리는 말씀이지만,
1. Nuxt3, Vuetify와 같은 (디자인)프레임워크 버전 정도만 일치시켜주시면 됩니다. 이외 다른 모듈을 동일하게 설치하실 필요 없습니다.
2. 이외 모듈은 꼭 필요해서 쓰는 것이 아니면 아예 사용하지 않아도 됩니다. 달리 말하면 프레임워크만 설치된 완전히 제로인 상태에서 에러가 나지 않는다면, 그 상태에서 디자인 추가하시면서 작업하시면 됩니다
요약
- Nuxt3, Vuetify 프레임워크의 버전만 일치시킨 다음, 나머지 모듈을 설치하지 않은 상태로 디자인 진행해주세요
- 프레임워크 설치만 완료된 다음에 커밋 끊어주시구요~

GPT 답변 첨부

이 에러는 파일을 열 수 있는 시스템 제한에 도달했을 때 발생하는 EMFILE: too many open files 에러입니다. 이 에러는 일반적으로 다음과 같은 상황에서 나타날 수 있습니다:

파일 시스템 감시 제한 초과: Node.js와 같은 환경에서 파일 변경을 감지하기 위해 watcher를 설정할 때, 너무 많은 파일을 감시하려고 할 경우 이 제한에 도달할 수 있습니다. 특히 Nuxt나 Vue 프로젝트처럼 많은 파일을 포함하는 경우 이 문제가 더 자주 발생합니다.
파일 핸들 제한 초과: OS에서는 각 프로세스에 대해 열 수 있는 파일의 개수를 제한합니다. 이 경우, watcher가 필요 이상으로 많은 파일을 열려고 시도하면 이 제한을 초과하게 됩니다.

해결 방법은 다음과 같습니다:

파일 제한 수 조정: macOS나 Linux에서 파일 제한 수를 늘릴 수 있습니다. 터미널에서 다음 명령어로 확인 및 수정이 가능합니다.
```
ulimit -n 4096  # 혹은 원하는 제한 값으로 설정
```
이 방법으로 현재 터미널 세션의 파일 열기 제한을 일시적으로 늘릴 수 있습니다.
watcher 옵션 조정: chokidar나 watch 기능을 사용하는 경우, 불필요한 파일까지 감시하지 않도록 설정을 조정하거나, 특정 디렉터리만 감시하도록 제한할 수 있습니다.
nuxt.config.js 파일에서 chokidar 옵션 조정: watchOptions를 설정하여 감시할 파일을 제한할 수도 있습니다.
```
export default {
watchers: {
  chokidar: {
    usePolling: true,
    interval: 1000,
  },
},
}
```

위 방법으로 파일 감시 제한 문제를 해결할 수 있습니다.

tpdud406 commented 6 days ago

[참고] ~~- 문제: 새 프로젝트 생성 후에도 동일한 에러 발생 (Meaniit 프로젝트는 정상 실행됨)~~ ~~- Nuxt issue에서 11/1부터 동일한 에러 발생한 것으로 확인~~

Nuxt issue 동일한 에러 코멘트 , 동일한 에러 코멘트2

해결완료!

chokidar 버그였던 것으로 추측됨 - 관련 코멘트

tpdud406 commented 6 days ago

저도 gpt한테 물어봤는데

파일 수를 조정하는 것은 근본적인 해결책이 아닌 것 같아 '파일 제한 수'를 조정하진 않았습니다! (Meaniit은 괜찮은데 이 프로젝트만 문제라..)
2번, 3번은 해봤는데 해결이 안됐습니다...ㅠㅠ

knowease-inc / knowease-inc.github.io

회사 사이트의 '소개' 및 '서비스' 페이지 디자인 변경 #192

:sparkles: Feature Request

이런 목표를 달성해야 합니다

현재 이런 상태입니다

이 이슈는 이 분이 풀 수 있을 것 같습니다

아래의 세부적인 문제를 풀어야 할 것 같습니다

이 이슈를 해결하기 위해 이런 내용을 참고할 수 있을 것 같습니다

이 이슈 해결을 위해 이정도 시간이 예상됩니다

관련된 세부 정보입니다.

이 이슈를 해결함에 따라 이정도 재무적 영향이 예상됩니다.

GPT 답변 첨부

해결완료!