묻고 답해요
150만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
순위 정보를
불러오고 있어요
-
미해결React Router 완전 정복
코드 제공 되나요?
코드 제공 됩니까?
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
curl localhost 에서 404 not found
안녕하세요.문제 없이 진행하다가[04. 도메인 등록과 HTTPS 설정] 은 영상 확인만하고[05. 배포 자동화하기 CI/CD] 는 진행한 상태에서다시 [04 도메인 등록]으로 넘어와서 도메인 설정을 진행하고 있었는데요.도메인 등록후에nginx.conf 파일에서 server_name을 Ip로 직접 쓰고있다가 route53 에서 등록한 도메인으로 바꾸고, (이게 이유가 아닐 수 도 있지만)설정 파일을 딱히 건드리거나 하진 않은 것 같은데 어느순간 curl localhost를 입력하면 not found 가 나와버립니다. 이 경우 어디 부분을 확인해야할지 몰라서 여쭤봅니다.설치부터 다시 진행할까도 했는데 혹시나 힌트가 될만한 부분이 있을까해서 여쭤봅니다.
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
https 인증서 발급 에러
https 를 위한 인증서 설정시 에러LetsEncrypt 에서 무료로 인증서를 등록 할 때 에러가 발생합니다.window 사용node.js 18.16.0 사용 도메인 xxxx.net 사용# sudo su - # yum -y install yum-utils까지는 정상적으로 다운로드 되었는데요# yum-config-manager --enable rhui-REGION-rhel-server-extras rhui-REGION-rhel-server-optional부터는 에러가 뜹니다... 이유가 무엇일까요?ㅠㅠ
-
미해결React Router 완전 정복
action 과 Form 을 이용해서 submit 처리하기 강의에서 submit 버튼 클릭
안녕하세요.action 과 Form 을 이용해서 submit 처리하기 강의 중 submit 버튼 클릭 시 preventDefault() 작성하는 부분이 없어서 페이지가 새로고침 되던데 강의에서는 새로고침이 안되고 있네요이유를 알 수 있을까요?
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
vite 사용 안하고 CRA 프론트 백 분리시켜서 하고있는데 질문있습니다.
vite 사용 안하고 CRA 프론트 백 분리시켜서 하고있는데 질문있습니다.백엔드 서버에 그냥 node만 받아서 올려놨는데swagger options에 routes 디렉토리가 없으면 어떻게 작성하죠?루트에 index.js를 api 로 사용하는데 그럼 apis: ["./index.js"]이렇게 넣으면 될까요?그리고 swagger 사용에 router 폴더 없이 사용하려고 하는데, 어떻게 해야 스웨거로 넘어가죠??이미 api들은 다 작성한 상태구요
-
미해결애플 웹사이트 인터랙션 클론!
Vanilla JavaScript로 SPA 만드는 자료 혹은 선택 기준을 추천해주실 수 있으신가요?
안녕하세요. 근래에 vanila JS로 SPA를 구현해보고 싶어서 구글링을 해보았습니다생각보다 여러 자료들이 나오는데 어떤 자료가 적합할지 모르겠어서 혹시 자료를 추천해주실 수 있으신가하여 질문 올리게 되었습니다:)자료가 많아서 몇개를 선정하기 애매하시다면 혹시 vanilla JS로 SPA 구현할때 참고자료로 삼기위한 기준을 알려주실 수 있으실까요? 글 읽어주셔서 고맙습니다!새해 복 많이 받으세요:)
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
https 인증서 받을 때 Type: unauthorized
mac m1 13.5.2, 노드 16에서 실습중입니다.certbot --nginx 명령어로 https 인증서 받으려고 하니 다음 에러가 발생했습니다.Challenge failed for domain *.nethttp-01 challenge for *.netCleaning up challengesSome challenges have failed.IMPORTANT NOTES:- The following errors were reported by the server:Domain: *.netType: unauthorizedDetail: 3.81.220.22: Invalid response from http://*.net/.well-known/acme-challenge/zCeVncU7_89k2mWJb8q8Qn0dc0T7cim7JwepOBi8zVw: 404To fix these errors, please make sure that your domain name was entered correctly and the DNS A/AAAA record(s) for that domain contain(s) the right IP address.80포트 켜져있고/etc/nginx/nginx.conf에 도메인 제대로 설정되어있고nslookup *.net 명령어로 IP주소(3.81.220.22)가 동일하게 나오는 것까지 확인했습니다. 제가 어느 부분을 놓치고 있는지 키워드라도 궁금합니다ㅠㅜ
-
해결됨순수 함수형 프론트엔드 언어 Elm 가이드
Elm의 functor?
안녕하세요.또 하나의 선생님 챗지피티와 함께 수강하고 있습니다.그리고 (기대하시는 바와 조금 다르게) 함수형에 대해 전혀 모르지만, 필요와 끌림에 의해 일단 Elm 배우기를 시작했어요.질문입니다."엘름 아키텍쳐 - The Elm Architecture" 강의 중 펑터(functor)라는 표현을 쓰셨는데(정확히 어딘지 다시 못 찾겠네요 ㅜㅜ)챗지피티는 Elm엔 functor 라는게 없다라더라고요. 그런가요?챗지피티에 하고 받은 질문과 답변을 첨부합니다:---> "String.any Char.isDigit password" in here, "Char.isDigit" is called as functor right?> In Elm, the term "functor" is not typically used in the same way as it is in other functional programming languages like Haskell. In Haskell, a functor is a type class that implements the fmap function (or <$>) for a data structure, allowing you to apply a function to the values inside it.However, in the Elm context, Char.isDigit is simply a function that takes a Char and returns a Bool indicating whether the character is a digit or not. When you use it with String.any like String.any Char.isDigit password, Char.isDigit is not referred to as a functor but rather as a predicate function. String.any takes this predicate function and applies it to each character in the string, checking if any of the characters satisfy the predicate.In functional programming terms, you might say that String.any is a higher-order function because it takes another function (Char.isDigit in this case) as an argument. The combination of String.any and Char.isDigit checks each character of the string to see if it meets the criteria specified by Char.isDigit, which is to be a digit.So, to clarify:Char.isDigit is a predicate function.String.any is a higher-order function that applies the predicate to each element in a string.
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
로컬과 프로덕션 환경에서 동작이 좀 다르네요
binggo.me 라는 도메인으로 작업하는 중인데요, 리액트 라우트는 아래와 같이 작성이 되어있습니다. return ( <BrowserRouter> <Routes> <Route element={<App />}> <Route path="/" element={<Navigate replace={true} to="/home" />} /> <Route path="home" element={<UserHomePage />} /> <Route path="challenge/new" element={<MakeChallengePage />} /> <Route path="bingos/:bingoId" element={<BingoPage />} /> <Route path="challenge/:challengeId" element={<ChallengePage />} /> </Route> <Route path="*" element={<NotFoundPage />} /> </Routes> </BrowserRouter> ); '/'로 접근하면 '/home'로 리디렉션은 잘 되는데, '/home'로 바로 접근할 때 로컬에서는 잘 되고 프로덕션에서는 에러가 뜨네요. 다른 페이지들도 마찬가지로 접근이 안됩니다. 에러 내용은 아래와 같은데NotFoundError: Not Found at /home/ubuntu/local/bingo/bingo/server/app.js:45:8 at Layer.handle [as handle_request] (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:317:13) at /home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:284:7 at Function.process_params (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:335:12) at next (/home/ubuntu/local/bingo/bingo/server/node_modules/express/lib/router/index.js:275:10) at SendStream.error (/home/ubuntu/local/bingo/bingo/server/node_modules/serve-static/index.js:121:7) at SendStream.emit (node:events:513:28) at SendStream.error (/home/ubuntu/local/bingo/bingo/server/node_modules/send/index.js:270:17) at SendStream.onStatError (/home/ubuntu/local/bingo/bingo/server/node_modules/send/index.js:421:12)app.js 45번째 라인은 접근할 수 없는 경로에서 404를 뱉게하는 부분인 것 같습니다.app.use(function (req, res, next) { next(createError(404)); });근데 또 db랑 연결해둔 api부분은 잘 접근이 되어요.잘은 모르지만 서버쪽의 app.js파일에서 라우팅을 한 경우에는 잘 되고(/api 경로로 수업때 해주신 것 처럼 라우팅 해뒀습니다), 프론트쪽 작업에서 해둔 라우팅이 로컬에서는 잘 먹고, 프로덕션에서는 안먹고 있는 것 같아요.혹시 이 문제의 해결 방법이 있을까요? 해결하기 위해서 더 필요한 정보가 있으시다면 말씀주시면 감사하겠습니다!
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
왜 서버의 루트 디렉토리에 node관련 파일을 설치하는 게 아니라 local디렉토리를 만들어서 설치하는지 알 수 있을까요?
왜 서버의 루트 디렉토리에 node관련 파일을 설치하는 게 아니라 local디렉토리를 만들어서 설치하는지 알 수 있을까요?
-
해결됨React + API Server 프로젝트 개발과 배포 (CI/CD)
삽질 내용 공유드려요.. (혹시 도메인 접속 안되는 분들)
안녕하세요:)좋은 강의 감사히 잘 듣고 있습니다!아래 내용은 도메인 연결 후 접속 안 되시는 분들께서 한 번 참고하시면 좋을 것 같습니다.저는 도메인을 구매하지 않고, 기존에 사용하던 도메인에 연결했는데 접속이 안 되더라구요.이유는 크롬 브라우저에서 https로 접속한 기록이 있는 도메인은 자동으로 https로 리다이렉트 시키기 때문입니다. (네임 서버도 바꾸고.. 엄청 삽질했네요 흑..)참고 url: https://comple.co.kr/471해결방법은 다른 브라우저로 접속하거나, 아래 URL로 이동하셔서chrome://net-internals/#hsts좌측 'Domain Security Policy' 탭으로 이동Delete domain security policies 부분에 프로토콜 부분(https:// 등)을 제외한 본인 도메인을 입력위 내용을 해주시면 정상 접속이 됩니다.단, 다시 https로 도메인 페이지를 접속하시면 또 해주셔야 합니다. 🥲
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
무한 build
안녕하세요 강의를 듣고 제 프로젝트에 적용해볼려고 하는데(리액트만 ec2에 배포를 해볼려고 합니다) 무한 build가 되더라구요 그래서 ec2모니터링을 해보니 cpu가 99퍼를 차지하는 걸 확인했습니다.그래서 이 상황을 해결하려고 ec2인스턴스 스펙을 좀 더 높여볼까하는 생각도 해봤는데 비용적인 부분때문에 걱정이 되더라구요혹시 ec2인스턴스의 스펙업 이외의 해결 방법이 있을까요?
-
해결됨Svelte.js SPA 영화 검색 프로젝트
snowtemplate 를 설치하는중에 에러가 발생합니다.
안녕하세요 예제를 따라가다 보니 snowtempalte를 npm으로 설치중에 에러가 발생하네요강의 촬영시와 시간이 좀 흘러서 설치에 문제가 있어보이는데 보완할 수 있는 내용을 명시해주시면 좋을 것 같습니다.감사합니다.
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
빌드 오류
======CMD====== 19./deploy.sh 20======END====== 212023/03/05 13:19:14 Process exited with status 127 22err: bash: ./deploy.sh: No such file or directorydeploy.sh 파일이 없다고 하는 것 같은데 확인해보면 잘 존재해 있습니다.#!/bin/bash source ~/.bash_profile cd ~/git/backfront/ git pull origin main cd frontend/ npm i npm run build cp -rf dist/* ../backend/public cd ../backend/ npm i pm2 stop web pm2 start bin/www --name web --update-env sleep 2 pm2 list 도와주십시오ㅠ
-
미해결만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)
배포 관련 질문
안녕하세요, 강사님.강의를 듣고 있는 학생입니다.제가 Next.js를 가지고 개발을 하고 있는데 배포를 할 때, Next.js로만 dockerfile을 작성해서 배포하면 되는 걸까요? 아니면 Vue.js와 같은 SPA 처럼 Nginx를 포함시켜서 dockerfile을 작성하고 각각 컨테이너를 만들고 연결시켜주면 되는 건가요?제가 이쪽 지식이 부족해서 수업 이외에 다른 것도 여쭤보게 되었는데,, 만약 답변이 가능하시다면 염치불구하고 물어보고 싶습니다 ㅠㅠ배포 환경은 EC2와 같은 가상컴퓨터환경(클라우드)에서 쿠버네티스를 만들고 그 위에 올릴거 같은데,, 어떤 구조를 참고하면 좋을지 고민이에요.
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
강의자료 (Source Code ) 는 어디서 다운 로드 받나요?
안녕하세요?좋은 강의 잘 듣고 있습니다. 강의자료 (Source Code ) 는 어디서 다운 로드 받나요?pdf는 다운로드 받았는데 Source Code는 못 찾겠네요 전체 강의자료 파일 첨부되어 있습니다. 메시지는 보이는데 전체 강의자료 받을 수 있을까요? 감사합니다.
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
`GLIBC_2.28' not found 오류
node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.28' not found 오류가 있어 2시간 삽질 하였습니다.해당 강의에서 AWS linux로 기본 셋팅을 하고 있는데node 18버전을 지원하지 않는다고 합니다.우분투 20으로 서버 셋팅 하시던가node 버전 다운하셔서 진행하시면 됩니다.
-
미해결React + API Server 프로젝트 개발과 배포 (CI/CD)
Ubuntu를 사용하지 않고 Amazon Linux를 사용하는 이유가 있나요?
Ubuntu를 사용하지 않고 Amazon Linux를 사용하는 이유가 있나요?
-
해결됨React + API Server 프로젝트 개발과 배포 (CI/CD)
npm -S 옵션
안녕하세요. 수업을 듣던 중npm i -S swagger-ui-express swagger-jsdoc에서 -S 옵션이 궁금하여 검색해본 결과예전에는 --save와 같은 의미로 사용되었던 옵션같으나 npm 최신버전들에서는 npm i (npm install)에 디폴트로 save 옵션이 적용되어있고,오히려 save를 하지 않을 때npm i --no-save 로 사용하는듯 합니다. 혹시 저와 비슷한 궁금증을 가진분들이 계실까하여 질문글로 남겨둡니다. 감사합니다~ https://stackoverflow.com/questions/40868494/what-is-the-s-in-npm-i-s
-
해결됨Svelte.js SPA 영화 검색 프로젝트
안녕하세요 Vite + Svelte로 프로젝트 시작하려고하는데 prettier + eslint 설정이 잘 안되고 있습니당
안녕하세요 Vite + Svelte로 프로젝트 시작하려고하는데 prettier + eslint 설정이 잘 안되고 있습니다 ㅠㅠ https://github.com/sveltejs/prettier-plugin-svelte#readme 이곳에 가서 prettier 설정하는거 보고 dependency 설치 후 .prettierrc 파일을 root directory에 만들어서 하는데 .svelte file에게만 prettier rules가 적용이 안되고 있습니다. 무슨 영문인지 도대체 모르겠습니다. 미리 답변 감사 드립니다!
주간 인기글
순위 정보를
불러오고 있어요