#빌드

turbo Repo 빌드 속도 멀티레포 보다 빠를까요?

최근에 회사에 모노레포 도입하려고 터보레포에 대해 학습하고 있습니다. 공식문서 보면 빌드도 병렬적으로 실행할 수 있고 원격 캐시를 통해 변경된 코드에 대한 프로젝트만 빌드가 가능하다는 내용을 봤습니다. 공식문서 앞부분을 학습해 봤을 때 제가 드는 생각은 멀티 레포로 운영되는 하나의 프로젝트 코드를 수정하고 빌드 후 배포하는 시간보다 터보 레포로 빌드하고 배포하는 시간이 대체적으로 더 빠를 것이라 생각듭니다. 예를들어 모노레포에서 lint나 공용으로 사용하는 ui컴포넌트는 packages/ 에서 관리하고 프로젝트 코드는 app/project1의 구조의 형태를 가지고 있다고 가정했을 때 case1. 린트 코드 한 줄 수정하고 배포 - 터보레포: 린트 수정한 프로젝트에 대해서만 빌드 - 멀티레포: 프로젝트에 전체 코드에 대한 빌드가 실행 case2. 한번에 린트, 공통ui, 특정 프로젝트 코드 수정하고 배포 - 터보레포: 병렬적으로 배포해서 빠른 배포 - 멀티레포: case1과 같이 전체 코드에 대한 빌드가 실행해서 case1과 빌드시간이 비슷하다 개발은 next.js로 하고 vercel에서 배포하고 있습니다. 제가 위에 작성한 case처럼 터보레포가 빌드시간이 더 빠르게 될까요?? 추가로 next.js프로젝트 vercel에 배포했을 때 캐시전략을 사용할 수도 있는지도 궁금하네요. redeploy할 때만 캐시를 사용할지 선택할 수 있는 것만 알고있습니다. 물론 개발자가 설정한 캐시 전략과 경우에 따라 다르겠지만 대체적으로 어느 방식이 더 빠른지 궁금합니다.

환경변수 주입 및 빌드(모노레포)

모노레포 프로젝트 환경 및 요구사항 - 프로젝트는 front(React), back(Node), common 패키지로 구성되어 있으며, 모노레포로 되어있음 - Dockerfile 스크립트에서는 build → run 순서로 실행되도록 구현되어 있음 - 서버 배포 시에는 하나의 포트만 사용해야 하므로 back(Node)에서 front의 정적 파일(index.html)을 실행해야 함 - Docker 빌드 시, front(webpack 빌드)와 back 둘 다 build 스크립트를 실행하고, 이미지 실행 시에는 back만 run 스크립트를 실행하여 back에서 front의 정적 파일을 실행해야 함 - 환경변수는 이미지 실행 시 docker-compose.yml의 env_file 속성을 사용해 외부에서 주입해야 함(환경변수가 바뀌는 상황이 있다면 .env 파일을 수정한 후 다시 빌드해야 합니다.) 예외 상황 Docker 빌드할 때 .env 파일을 포함하지 않고 run 스크립트를 실행(이미지 실행) 시 주입하는데, front 패키지에는 run 스크립트가 존재하지 않습니다. (back에서 front의 정적 파일을 실행) 즉, 환경변수가 주입되지 않고 있음 해결 방법 첫번째는 back에서 front의 dist 파일 호출 시 환경변수 객체를 만들어 value 값을 key 값으로 치환해서 함께 넘기고, index.html의 head에서 window 객체를 활용해 값을 받는 방법 하지만 이 방법은 개발자 도구에서 환경변수 값이 노출되고, window 객체를 활용하기 때문에 새로운 브라우저를 생성할 때마다 사이드 이펙트가 발생할 수 있음 두번째는 모노레포 root 패키지에서 prerun 스크립트로 front의 build 스크립트를 실행하는 방법 스크립트 -> "prerun": "lerna run build --parallel --scope @projectname/front --stream", 이 방법은 빌드를 두 번 실행하므로 자원을 많이 소모하지만, 예외 상황이 없는 것으로 보임 질문 받은 내용 Q. 환경변수를 바꾸는 상황이 존재할까요? A. 회사의 인프라 환경에 따라 다르지만, 포트나 IP가 변경될 수 있는 상황이 있음 예를 들어, 외부 서버에 요청을 보낼 경우 그 서버의 정보가 바뀌면 설정을 변경해야 하며, 다른 서버에 요청할 때 인증 정보를 입력해야 하는데, 토큰이나 사용자 패스워드 값이 변경될 경우에도 수정이 필요함 고민되는 부분 다른 해결 방법이나 비슷한 상황이 있다면 함께 논의하고 싶습니다. ㅎㅎ *프로젝트 구조 root ├── packages │ ├── back │ │ ├── package.json │ │ ├── index.ts │ │ ├── .babelrc │ │ └── ... │ ├── common │ ├── front │ │ ├── public │ │ │ └── index.html │ │ ├── package.json │ │ ├── src │ │ │ └── index.js │ │ ├── src │ │ ├── webpack.config.js │ │ └── ... ├── package.json ├── lerna.json ├── docker-compose.yml ├── Dockerfile * 프로젝트의 중요 정보는 제외했습니다.

웹팩 빌드 궁금합니다.

안녕하세요. 젠킨스 + 깃헙 통해서 깃헙 훅으로 젠킨스에서 웹팩 자동빌드를 하고 있는데요. 어떤 소스가 어떤 output파일에 영향을 준건지 파일 리스트를 매 빌드때 뽑아 보고싶습니다. 혹시 마지막 빌드때 어떤 output파일이 바뀐건지 알 수 있는 방법이 있을까요? 추가로 다른 js들에서 거의 공통으로 import 하는 js 는 한번 수정하면 다른 js 들이 다 재빌드 되는느낌이던데 보통 이런 공통소스들은 다들 어떻게 관리하시는지 궁금합니다! 혹시 도움될만한 내용 아신다면 한번만 도움 부탁드립니다 ㅠ.ㅠ

React + Nginx 프로젝트 Docker build 시간이 오래 걸리는 이유

React 프로젝트를 빌드했을 때와 React + Nginx 기반 프로젝트를 Dockerfile로 build시 두 작업의 시간 차이가 많이 나는 상황입니다. docker 이미지 빌드시 npm run build 커맨드 실행에 거의 모든 시간이 소모됩니다. 그래서 react 빌드 시간을 줄이기 위한 esbuild 적용, webpack 커스터마이징 및 dockerfile 최적화를 위한 dockerfile 멀티 스테이지 적용, 이미지 캐시 레이어 사용을 위한 dockerfile 스크립트 수정도 해봤습니다. 그런데도 일반 build(react 프로젝트 build 약 40초)와 docker 이미지 빌드(약 8분) 시간의 차이가 많이 나는데 차이가 많이 나는 원인을 파악하는 방법이 뭐가 있을까요?? dockerfile 스크립트도 참고로 올려봅니다.

Next dev server가 자꾸 chunks error로 터집니다

안녕하세요. Next에서 npm run dev로 실행시키고 작업물을 저장하다보면 몇번 수정을 안했는데도 다음과 같은 에러창으로 인해 서버가 터집니다. ㅠㅠㅠ 저장 혹은 새로고침을 하면 웹에 Internal server error 뜨고 터미널에는 사진과 같은 에러들이 나열됩니다. .next에 있는 작업하고 있는 해당 페이지 폴더 경로들만 뜨며 몇일째 비슷한 문제를 겪으신 분들의 방법을 따라했는데 해결이 안되고 있습니다 ㅠ 챗 지피티가 알려준 방법도 안되더라고요 ㅠㅠ 도와주세요 시도한 방법 : 1. node, npm관련 캐시파일 모두 삭제 후 최신lts버전업그레이드 2. next 폴더 삭제 후 다시 빌드 3. 드라이브 공간확보 4. 폴더 읽기전용 권한 변경 ( next 다시 빌드하니까 초기화 ...) 5. 자동 빌드 (auto save) 확장팩 깔기 아래에 에러 캡쳐사진과 현재 package 첨부합니다..

Spring Cloud Config 서버에 관하여 질문이 있습니다.

MSA 아키텍처에서는 대개 환경 정보를 일괄적으로 관리하는 서버를 두는 것으로 알고 있습니다.(Cloud Native 12 Factors) 그 중에서 Spring에서 사용할 수 있는 것은 Spring Cloud Config Server입니다. 해당 컨피그 서버를 사용하면 효율적으로 application.yml를 관리할 수 있죠.. 그런데 여기까지는 좋습니다만 제 지식으로는 해결할 수 없는 문제가 발생했습니다. Github Actions CI/CD에서 빌드를 할 때 application.yml이 없어도 되지만 빌드 검증을 위해선 필요합니다. 그런데 이때 Config Server를 외부 포트로 열어놓고 Github actions 접속시 비보안적이지 않나요..? 그래서 Spring Basic Auth를 사용하여 접근하려 했지만 왜인지 모르게 오류가 계속 뜹니다. (몇 시간 동안 해봤지만 안됩니다.. 충돌 때문인지는 모르겠지만 그냥 Security 관련 Bean이 설정이 안되더라구요..) 관련해서 AWS를 활용하여 일회성 인증을 하는 방법이 있다고 합니다만.. 이것만이 방법은 아닐 거 같습니다. 에이 몰라! Config Server 외부 포트 열어놓는건 위험하니까 그냥 Github actions secrets에도 application.yml를 다 넣고 빌드 검증해보고, 실제 배포때는 Dockerfile로 프로파일 설정해서 Config Server에서 불러와야지! 라고 하기에는 그럼 application.yml이 수정될 때 마다 github actions, config server 둘다에서 수정해줘야 할 것 같습니다… 관련하여 조언 주시면 감사하겠습니다.

Ios 앱 개발 빌드 기기 질문!

안녕하세요 flutter 주니어 개발자입니다. 회사에서 ios 앱 개발 하라는데 아이폰을 안사줘서 직접 중고로 구매하려합니다.. 아이폰se2가 가격이나 출시가 적당해보이는데 해당 기기로 빌즈 하시는 분이나 다른 기기로 빌드하시는분 계실까요? 어떤 기기가 미니멈 사양인지 알고싶어요!

도커를 효율적으로 사용하는 방법?

안녕하세요 선생님들, 도커로 간단한 개발 환경을 만드는 중인데 도커 이미지를 처음 로드할때 Dockerfile 작업이 너무 오래 걸리더라구요. 혹시 Dockerfile 작업을 좀 더 효율적으로 돌리는 방법이 있을까요? 감사합니다. ++ 수정 질문이 명확하지 않았던 점 죄송합니다. 정확히는 root 프로젝트에 docker-compose.yml이라는 파일이 있고 app, server, worker, scheduler 형식의 디렉토리들이 있습니다. 각각의 디렉토리에 Dockerfile이 있는 형태구요. docker-compose.yml에서 services 영역에서 각각 돌아가게끔 구현되어있습니다. 현재 docker-compose와 Dockerfile들 작업을 처음하는 단계여서 스크립트를 여러번 수정하고 테스트하는 과정에서 docker-compose up 커맨드를 통해 Dockerfile들이 빌드될 때, 느린 빌드 속도를 어떻게 하면 좀 더 빠르게 할수 있을까에 대한 고민이었습니다. 매번 컨테이너 지우고, 이미지 지우고, 스크립트 수정하고, 다시 빌드하고 하는게 고통스럽더라구요. 다행히도 개떡같은 질문 내용에 좋은 답변들을 많이 달아주셔서 참고해주신 내용과 링크를 바탕으로 좀 더 학습해보겠습니다. 감사합니다!

프론트엔드 CI/CD 순서가 어떻게 되나요?

안녕하세요 프론트엔드 개발한지 1년차가 조금 지난 주니어 개발자입니다. 아직 CI/CD를 직접 한 적이 없어서 머릿속에 개념이 떠다니는데요 빌드 - 테스트 - 배포 순으로 알고 있는데 테스트가 빌드 전에 일어나야 하지 않나요?? 빌드를 하고나서 테스트를 하는 이유가 있나요??

Nextjs의 ssr, ssg, isr을 각각 언제 적용하는게 좋을지 기준과 구체적인 예시가 궁금합니다.

ssg : 빌드 때 정적 파일 생성해 빠르게 전달 가능하지만 다시 빌드할 때 까지 변경이 불가능하다. isr : 임의의 주기마다 재빌드 가능하지만 그 주기를 특정하기 어렵다. ssr : 깜빡임 없이 매 요청 마다 정적 파일을 만들어서 보내주지만 서버 요청 시간이 길어지면 사용자가 흰 화면을 오래 보게 된다. 제가 공부하면서 느낀 세가지 렌더링 방식의 장단점입니다. SEO가 필요 없고 초기에 데이터를 패칭해 반영하는 페이지가 있다고 했을 때, csr이 아닌 굳이 이것들을 적용해야 할 상황이 있을까 하는 생각이 듭니다. 흔히 예시로 드는 아주 명확한 상황이 아닌, 실무에서 적용해보시고 효과를 거둔 케이스와 판단 기준이 궁금합니다.

react-native-file-access 알 수 없는 빌드 에러

안녕하세요~ 이번에 react-native-file-acccess라는 라이브러리를 설치했는데 react native iOS는 빌드가 잘되는데 안드로이드만 빌드가 안되고있어요 ㅠㅠㅠ 에러 문구는 이렇게 나옵니다 /Users/xxxx/xxxxxxxxxxxx/xxxxxx/app/node_modules/react-native-file-access/android/src/main/java/com/alpha0010/fs/NetworkHandler.kt: (49, 33): Using 'body(): ResponseBody?' is an error. moved to val 리액트 네이티브 버전은 0.64.3입니다 혹시 해결 방법 아시는분 있나요? 몇 시간째 아무것도 못하고 있어요 ㅠㅠ

micro repo 세팅하면서 격은 문제(같은 문제 격는 분들 댁글)

이번 프로젝트에서 하나의 레포지토리에서 client, server, admin, common 4가지 패키지를 만들었습니다. client, server, admin은 common을 의존하도록 모노레포로 만들었고, client는 admin을 의존할 수 있게 micro로 만들었습니다. 간단한 패키지 설명: - client: 메뉴 헤더 등 구현, 페이지는 admin을 remote 해서 사용, React로 구현 - admin: 페이지에 나오는 콘텐츠의 전반적인 부분이 컴포넌트로 되어있음, React로 구현 - server: Node.js로 되어있고 실제 Spring 서버에서 준 데이터를 포맷하는 형태 - common: 공통 컴포넌트, 라벨 등 문제1: 다른 프로젝트에서 expose 되어있는 Next.js 프로젝트(scss로 스타일 구현)를 client에서 사용할 때 의존성 관련 오류가 생깁니다. client의 package.json에서 peerDependencies로 next를 설정해줘야 하는지, 양쪽 패키지(다른 프로젝트와 client)에서 Next.js와 React를 share 설정을 해야 되는지 잘 모르겠습니다. 여러 방법으로 시도는 해봤지만 의존성 오류나 Next.js에서 훅을 사용 못하는 오류 때문에 해결하지 못하고 있습니다. 문제2: 빌드 최적화를 위해 트리쉐이킹이나 코드 스플리팅을 해야 합니다. 웹팩에서 아래와 같이 코드 스플리팅을 하면 청크 파일 이름이 겹치기 때문에 filename을 해시값으로 설정해야 합니다. 여기서 문제가 생기는데, micro의 client처럼 remote 하는 부분에서 remote.js, app.js 청크가 필요하기 때문에 이름이 해시값으로 바뀌면 해당 청크를 찾을 수 없습니다. 또한 ModuleFederationPlugin이 빌드 시 자동으로 코드 스플리팅을 해준다는 이야기도 있는데, 이 부분은 정확하지 않습니다. 저와 같은 문제를 격고 있거나 해결하신 분들 같이 나눴으면 합니다.

Nextjs를 정적 웹 호스팅(dothome)으로 배포하게 될 때 문제점

안녕하세요. 이번에 맡게된 프로젝트에서 SEO가 중요하다고 판단되어 Nextjs를 사용하여 개발하였습니다. 그런데 저희 팀이 사용하고 있는 웹 호스팅 서버가 dothome입니다. dothome은 정적 웹 사이트 호스팅 서버라고 알고 있는데, 이 서버로 호스팅하게 되면 몇 가지 문제점이 있다고 판단되어 질문을 남기게 되었습니다. 1. dothome에 배포하기 위해 정적 빌드를 하게 되면, 서버 사이드 렌더링(SSR) 기능을 사용할 수 없게 되는데, 이는 NextJS를 사용해서 얻을 수 있는 SEO 측면의 이점을 얻을 수 없게되는 건가요? 그렇게 된다면 SEO를 개선하는 방법이 있을까요? 2. Nextjs에서 제공하는<Image> 태그가 서버 측에서 이미지 최적화기능을 제공하는 것으로 알고 있는데, 정적빌드를 사용하게 되면 일반적인 img 태그와 다를 바가 없어지는 걸까요? 3. 마지막으로 Nextjs를 사용하기 위해서 웹 호스팅을 변경하는 것이 좋을지, 변경해야한다면 어떤 것을 추천하지는 시 여쭤봅니다.

AI 진로를 어떻게 나아가야 할까요?

현재 27살 전문대 컴퓨터공학(3년제 2학년) 재학중인 학생입니다. AI분야를 진로로 희망하고 있는데 제가 해당 분야에 관한 지식이나 현재 취업 트렌드에 대해 밝지 않아 조언을 얻고자 이렇게 글을 쓰게 되었습니다. 1. 대학원 빌드업 취업공고를 보다보면 결국 AI핵심 분야는 석/박사가 요구되는 것이 현실이고 그리고 개인적으로도 전문적인 지식을 기르고 싶어 취업 후 대학원을 생각하고 있습니다. 여기서 문제는 학사 학위인데요 지금 전문대를 졸업하고 나면 전문학사로 졸업하게 될텐데 학점은행제 학사 출신은 괜찮은 대학원에 들어가기 어려움이 좀 있다고 들어서 우선 취직을 한 뒤 4년제를 들어갈 생각입니다. 1) 취직 후 야간대학 2) 취직 후 돈 모아서 주간대학 처음에는 야간대학을 고려하고 있었는데 요새 야간대학이 많이 줄고 있다고 들었고 야간대학에 컴퓨터 공학과가 없을 수 있다고 들었습니다. 그래서 취직 후 돈을 모으고 회사를 나와서 그냥 주간대학에 들어가서 학사를 따는 게 나을지 궁금합니다. 2. 필요한 공부 취업을 중요시 하는 전문대학교 커리큘럼과 교육방식은 아무래도 탄탄한 전공 지식을 위한 교육 보다는 전공 지식은 얕게 주로 당장의 실무 능력을 키우는것에 초점이 맞춰져 있습니다. 그래서 다른 학교의 강의계획서나 커리큘럼을 참고해 도서관에서 괜찮은 전공서를 빌려서 몇일 전 부터 공부를 하고 있습니다. 차후에 원서도 고려하고 있습니다.(영어 실력은 좋지 않지만 번역기에 ai 도입 되고 번역 퀄리티가 정말 좋아서 가능할 거 같습니다.) 그런데 혼자서 준비하다 보니 맞는 방향성을 갖고 공부를 하는건가?하는 불안감이 있어 이 부분에 있어 조언을 구하고자 합니다. 1) 개발 어떤 언어와 라이브러리 등을 공부하는 게 좋을지 2) 전공지식 어떤 전공 과목들을 공부하는 게 좋을지 혹시 책도 추천 해주신다면 감사하겠습니다.

리액트 프로젝트 vite로 빌드후 서버에 배포시 cannot get...

react-router-dom 을 사용중에있습니다. vite로 빌드하고 서버에 올렸는데... 경로 이동시 cannot get 이 뜹니다. 찾아본결과 서버에서 요청 url을 찾아서 그렇다 , 모든 서버 요청을 /index.html로 리디엑션하도록 하면 된다고 하는데 혹시 vite에서 그런 설정을 할 수 있나요?

Next.js의 SSG와 react-query의 useSuspenseQuery

Next.js v14의 페이지 라우터 및 react-query v5의 useSuspenseQuery를 사용하여 Suspense를 사용할 때 페이지 컴포넌트에서 getStaticProps를 사용하지 않아도 SSG 빌드 타임에서 API request 하는 현상이 발생해서 찾아보니 useSuspenseQuery가 컴포넌트 렌더링 시점에 데이터 로딩하도록 설계가 되어 있기 때문에 빌드 타임에서 HTML을 만들 때 결국 API request 하게 되는 것이라고 이해했었는데 제가 이해한 부분이 맞을까요? react-query(tanstack-query)나 next.js의 공식문서에는 그러한 내용을 찾기가 어려워서 정확한 정보인지 알고 싶습니다!

27살 게임 클라이언트 개발자 진로 고민입니다.

현재 외국계 기업에서 게임 클라 주니어로 입사한지 2년차 입니다. 회사에서 분명히 많은것을 배우고 협업을 통해 프로젝트를 개발하면서 서비스 런칭까지 진행해보는 값진 경험을 할 수 있었습니다. 특히 전반적인 프로젝트의 구현, 프로젝트 빌드 방법 및 빌드 관리(ios,aos), 서버와의 실시간 서버 구현 협업 등 물론 대기업에서 일하고 계신 분들에 비해 한참 모자라고 제대로 개발자 일을 시작했다고 볼 수 없을 것이고 아직 모든것을 경험 해봤다고 할 수는 없겠지만, 프로젝트를 출시함에 있어 필요한 전반적인 부분은 배웠다고 생각합니다. 아무튼 이렇게 일을 하면서 느낀점은 어떤 기술 스택에 대해 정말 깊게 파보지 못하고 급하게 넓고 얕게 가능한 모든것을 배우면서 서비스 런칭을 위해 어떻게든 적용시켰다라고 밖에 느껴지지 않습니다. 그러면서 이 회사에서 일하는 방식과 성장하는 방식에 회의감이 들기 시작했고 얼마전 초빙 강사님의 그래픽스 강연을 들으면서 게임엔진단에서 복잡한 코드를 아주 간단한 수학 공식으로 코드를 최적화하는 방법을 보고 큰 감동을 받았습니다. 특히 대학시절부터 수학을 공부하기 싫어했던 제 모습이 너무나도 후회되었고 한심하다고 느끼게 되었고 얼마전부터 선형대수 미적분학 온라인 강의를 구매하여 공부를 하고 있습니다. 그러면서 파이썬 강의를 구매해서 AI 쪽 공부도 아직 수박 겉핥기 식이지만 같이 진행하면서 이 분야에 많은 흥미와 관심이 생기게 되었습니다. 그러면서 AI/ML 개발자로 이직/취업하려면 석사학위가 필요하다는 둥 여러가지 소식을 접하고 좋은 프로그래머가 되기 위해서는 수학을 잘 해야한다는 마인드셋을 가지고 정말 열심히 공부를 해보고 싶은 의욕도 생겼습니다. 하지만 현실적으로 생각하면 지속적인 수입원이 끊기거나 더 줄어듦과 동시에 경력의 차단이 발생하게 되니깐 차라리 이직 준비를 더 열심히 해서 게임 개발자 경력을 놓지않고 더 좋은 곳으로 이직을 하는게 맞는건지.. 아니면 회사를 다니면서 대학원 준비를 하며 적성에 맞다고 느껴지면 퇴사하고 전일제로 대학원 진학을 하여 석사 학위를 따고 원하는 공부를 맘껏 하면서 AI/ML개발자로 이직을 할지 고민이됩니다..

React 프로젝트 AWS로 배포하는 방법

안녕하세요 리액트로 프로젝트를 진행하고 있습니다! CI CD 환경을 구축해보고 싶어서 리액트로 만든 프로젝트를 AWS에 올려보려고 합니다 현재까지 진행 상황은 아래와 같습니다 1. 로컬 리액트 앱 - Gitea repository 연동 2. Gitea repository - AWS EC2의 Jenkins (docker) 연동 3. Jenkins 에서 빌드 후 AWS S3로 배포 4. AWS S3 버킷 - AWS Cloudfront 연동 현재 AWS S3로 저장하고 Cloudfront와 연동한 상태입니다. 이 부분에서 질문 드립니다. 1. AWS를 이용한 웹 배포는, S3에 빌드 된 디렉토리를 업로드 하는 행위 자체가 배포인건가요? 그래서 Cloudfront와 연동하여 퍼블릭 IP주소로 다른 사람들이 접속할 수 있게하는 것이 배포인건가요? 2. 위 진행사항처럼 진행하고 Cloudfront의 Url 입력 후 들어가면 빈 화면만 나오고 아무것도 나오지 않습니다. 어떻게 해야할까요? 긴 글 읽어주셔서 감사합니다.

도커에 빌드했는데 엔진엑스 404 페이지가 뜹니다. 뭐가 문제일까요?

리액트랑 엔진엑스로 도커에 빌드했습니다. 근데 엔진엑스 404 페이지가 뜨네요 ㅠㅠ 도커 파일 설정은 잘 되어있어서 잘 나왔는데 리액트 코드에서 뭘 바꾸니까 문제가 발생한 것 같아요.. 인덱스 html 못찾는 문제 말고 또 뭐가 있나요..? 도저히 감이 안오네요 ㅠ

React Native Expo 빌드하면 앱이 고장납니다..

React Native Expo 빌드하면 앱이 고장납니다.. expo go에서는 앱이 잘 돌아가는데 expo build를 통해 앱으로 만들어서 실행해보면 강제 종료당합니다.. 정말 도무지 감이 안잡히는데.. 어떻게 하면 좋을까요..ㅠㅠ

Vercel 빌드 배포 궁금한 점

기존에는 앰플리파이로 배포했던 프로젝트를 vercel로 배포하려고 설정을 하는 와중에 문제가 생겨 질문을 남깁니다. 번들링 되는 패키지들 중 프라이빗 패키지를 깃허브에서 ssh형식으로 받아와야해서 amplify.yml prebuild 부분에서 ssh-gent에 키를 등록하고 yarn install을 실행하고 빌드하는 방식으로 진행했는데 Vercel에서 프로덕션으로 디플로이를 하려고 하니 해당 패키지에서 키를 세팅해주지 않아서 인지 에러가 나면서 yarn install가 실패합니다. 공식문서에서는 깃허브 토큼 방식으로 적용하면 된다고 써져있어서 시도를 해봤는데 역시 실패하더라구요 깃헙에 올라가있는 프라이빗 패키지를 사용 할 수 있는 방법이 있을까요? 환경은 nextJS + typescript + yarn 입니다.

flutter web 빌드 할때 index.html

flutter 로 웹 빌드 할 때 생기는 index.html 내부에 <base href=''> 태그는 무얼 의미하나요? 추가로 github page로 배포 했을 때 해당 base 태그를 붙이면 비어있는 화면만 뜨더라구요 주석 처리 할 시 시간이 지나고는 원하는 페이지가 제대로 나왔습니다. github page 로 배포시 어떻게 사용하는지도 궁금합니다

mac에서 pcl , python pcl 빌드

안녕하세요. 노예입니다. swift 라이다 센서로 포인트 클라우드를 만들었습니다. 이 포인트 클라우드를 필터링 하고 싶어서 검색해보니 pcl , python-pcl 이라는 라이브러리를 깔아야 한다고 합니다 포인트 클라우드를 다루는 분들이 소수여서 python-pcl을 적용할때 pcl의 버전이 1.9 까지 적용이됩니다(현재는 1.12) 그래서 pcl의 버전을 1.9로 낮추고 pcl을 빌드하면 어마어마한 에러가 납니다. openmp 가 없다- 설치 - 경로를 못찾는다 - 경로지정 - qt5가 없다 - 설치 - 경로못찾는다 - 경로지정 - vtk가 없다 - 설치 - 경로지정 등등 큼지막한 에러들은 잡은 상태인데 pcl 안의 .cmake 파일들의 경로가 꼬여있는 상태인것 같습니다 혹시 pcl을 사용해보신 전과가 있으시거나 이 글을 읽고 ”내가 해보니 되더라“ 하시는 분이 계시다면 답글을 달아주세용 (맥베이스 우분투, 윈도우베이스 우분투 시도해 봤습니다만 해결하지 못했고 현재는 윈도우로 해보려고 시도중입니다) 도움을 주시려는분들에게 감사의 말씀을 드립니다.

RN targetSdk 31 시 빌드 에러

안드로이드 정책 변경에따라 sdk를 31로 올렸습니다. android:exported는 다 세팅했고 빌드에서 에러는 발생하지 않지만, android 8,10은 정상 동작하지만 12는 앱실행시 바로 종료되는 현상이 있습니다. 혹시 방법 아시는 분 계시나요?

Flutter 코린이 질문

안녕하세요 지금 플러터로 개발에 발을 담근 코린이 인데요 다른이아니라 Stateless나 Stateful위젯 클래스를 빌드를 하면 Widget build(BuildContext context){ return … } 이 빌드 위젯이 쓰일때가 있는데요 여기서 build가 들어가는 위젯에는 왜 ()괄호 안에 String xxx 같은 변수 타입을 지정하면 빨간줄이 뜨는지 설명 해 주실 고수님들 계실까요? 그리고 해결이 된다면 저 build위젯 안에 String xxx 로 ${xxx} 를 이용하여 재사용 할 수 있는 방법도 알려주실 수 있으신지 여쭤봅니다..!

React Native run-android 실패

React Native에서 npx react-native run-android 명령어로 빌드하려고 하는데 "Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081" 에러 메시지와 함께 빌드가 실패합니다. https://reactnative.dev/docs/environment-setup macOS이며 위의 문서에 나와있는 대로 진행했고, 검색해보니 환경변수 설정을 해주어야 한다고 해서 zsh 설정파일에 추가해주었는데도 계속 같은 문제가 발생합니다. 해결방법을 아시는 분이 계실까요?

react-native xcode 14 카카오 SDK 빌드 에러 해결해보신분 있나요?

이번에 xcode 14로 업데이트 되면서 기존 react-native 카카오 SDK 빌드 에러가 나는 것 같은데, 해결하신분 계신가요? kakao sdk auth 버전은 2.4.1입니다

C언어 말고 os를 만들 수 있는 언어는 뭐가 있을까요?

저는 지금 js를 메인으로 사용하고있는데 vr ar mr xr 이 중요한 기술로 떠오르면서 메타버스 블록체인까지 굉장히 중요한 기술이 된 시점에서 제가 메타처럼 메타버스 쪽으로 진로를 잡고 있습니다. 그런데 여러분도 아시겠지만 디바이스와 os는 상항 같이 빌전하는 존재였기 때문에 저는 지금이 메타버스 세상을 위한 os 빌드가 필요할 때라고 느껴서 한번 vr 만을 위한 os를 만들어보고 싶은데요 os 제작을 위해서는 c언어가 최선일까요? Go 나 java 같은 언어로도 os 개발이 가는할까요?

신입 개발자 기술 스택 수준

안녕하세요. 웹 개발 쪽으로 입사한 지 1년 정도 되어가는 신입 개발자입니다. 이전에 "IT 신입 포지션 변경"이라는 질문 글을 쓰고, 많은 관심 가져주셨었는데 그 이후가 현재 상태입니다 ㅎㅎ 약 1년 정도 회사를 다니면서 요즘 궁금한 점이.. 제가 하고 있는, 또는 했었던 것들이 신입 개발자에게 요구되는 당연한 것들인지가 궁금해서 질문드립니다. 먼저, 저희 회사는 중소 기업치고는 사원수가 꽤 있는 편에 속합니다. (2~300전후) 저는 백엔드 공부 후에 어쩌다 보니 프론드 개발자로 입사했고, 추후 백엔드도 같이 맡게 될 거라 듣고 들어왔습니다. 먼저 제가 와서 사용한 기술 스택입니다. (git, postman 등과 같은 툴 또는 라이브러리는 제외) React, Next, Vite, TypeScript, Keycloak, Nginx, Docker, Jenkins, MySQL, MongoDB, Spring, JSP.. 일단.. 생각나는 건 이 정도이고, 막상 적고 보니 많은 걸 했네요.. 지식의 깊이는 물론 신입 입장이기에 깊지는 않지만, 해당 기술들을 사용하고 활용하는 부분에 있어서는 문제 될 정도는 아닌 것 같습니다. 프론트 쪽은 소규모부터 대형 프로젝트(진행 중)까지 거의 혼자? 진행을 했고..(현재 프로젝트의 서버는 시니어분이 하고 계심) 지금도 하고 있습니다. 서버 쪽은 혼자 직접 파이프라인 설계 및 빌드, 배포까지 해봤고 서버에 도커 올리는 것까지도 다 해본 것 같습니다. (물론 정말 힘들었지만 동작은 잘 됨.. 왜 되는지는 그때나 지금이나 저도 모름) 같은 개발자 친구들은 저보고 많이 하는 편이라고는 하는데, 같은 신입이라 정확히 얼마나 많이 하는 건지 감이 잘 안 옵니다. (그냥 하라면 해야지라는 마인드라..) 시니어 분도 조금씩 시키시다가 잘 해내서 점점 업무를 많이 주시는 건 알고 있는데, 현직 자분들의 생각이 궁금합니다.

현상황 능력업시킬수있는 방법 고민좀 들어주세요

1년반된 프론트엔드 개발자입니다 간단한api작성정도는 했구 현재 회사서비스 프로트엔드개발은 혼자서 다하구있구요 Vue.js로 개발중입니다 전 비전공자구 애초에 뼈속까지 문과라 학원에서부터 따라가는게 조금 힘들었는데요 그땐 코드도 아예 짤줄모르고 내가멀하고있는지도몰랐어요 그래도 나름의 노력끝에 이젠 코드도 이해하면서 짜고 개발할때 시간가는줄모르고 재밌고 성취감도 느껴지고 하는데 먼가 코더에서 머물러있는 느낌이고 정확히 빌드가 멀하는건지 객체지향이먼지 로컬서버,데브서버,메인서버 왜 나누는건지, 먼가 큰구조들같은것도 그렇고 모르는게 투성인데 지금시점에 한단계발전할수있도록 공부가필요할거같은데 어떤걸공부하면좋을지 조언부탁드려요 그리고추가로 코테와 정처기준비도 하는게 좋을지 궁금합니다