173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요! + 오류 메세지도 함께 올려주시면 좋아요 🙂 console.log('hello'); 강의에서 보면 name을 선언한 후 typeof에서 name에 줄이 쳐져있는데 혹시 왜 그런건지 알 수 있나요? 제 컴퓨터에서도 사용하여 봤는데 name은 사용되지 않습니다. 라고 나옵니다
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
history 연습예제에서 뒤로가기 앞으로가기 버튼 눌렀을때는 화면에 제대로 표시되지 않아서요 강사님 소스를 여러번 확인해봤는데,,,,뭐가 혹시 틀린걸까요?
미해결
React Router 완전 정복
코드 제공 됩니까?
미해결
React + API Server 프로젝트 개발과 배포 (CI/CD)
안녕하세요. 문제 없이 진행하다가 [04. 도메인 등록과 HTTPS 설정] 은 영상 확인만하고 [05. 배포 자동화하기 CI/CD] 는 진행한 상태에서 다시 [04 도메인 등록]으로 넘어와서 도메인 설정을 진행하고 있었는데요. 도메인 등록후에 nginx.conf 파일에서 server_name 을 Ip로 직접 쓰고있다가 route53 에서 등록한 도메인으로 바꾸고, (이게 이유가 아닐 수 도 있지만) 설정 파일을 딱히 건드리거나 하진 않은 것 같은데 어느순간 curl localhost 를 입력하면 not found 가 나와버립니다. 이 경우 어디 부분을 확인해야할지 몰라서 여쭤봅니다. 설치부터 다시 진행할까도 했는데 혹시나 힌트가 될만한 부분이 있을까해서 여쭤봅니다.
미해결
React + API Server 프로젝트 개발과 배포 (CI/CD)
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 버튼 클릭 시 preventDefault() 작성하는 부분이 없어서 페이지가 새로고침 되던데 강의에서는 새로고침이 안되고 있네요 이유를 알 수 있을까요?
미해결
React + API Server 프로젝트 개발과 배포 (CI/CD)
vite 사용 안하고 CRA 프론트 백 분리시켜서 하고있는데 질문있습니다. 백엔드 서버에 그냥 node만 받아서 올려놨는데 swagger options에 routes 디렉토리가 없으면 어떻게 작성하죠? 루트에 index.js를 api 로 사용하는데 그럼 apis: ["./index.js"]이렇게 넣으면 될까요? 그리고 swagger 사용에 router 폴더 없이 사용하려고 하는데, 어떻게 해야 스웨거로 넘어가죠?? 이미 api들은 다 작성한 상태구요
미해결
애플 웹사이트 인터랙션 클론!
안녕하세요. 근래에 vanila JS로 SPA를 구현해보고 싶어서 구글링을 해보았습니다 생각보다 여러 자료들이 나오는데 어떤 자료가 적합할지 모르겠어서 혹시 자료를 추천해주실 수 있으신가하여 질문 올리게 되었습니다:) 자료가 많아서 몇개를 선정하기 애매하시다면 혹시 vanilla JS로 SPA 구현할때 참고자료로 삼기위한 기준을 알려주실 수 있으실까요? 글 읽어주셔서 고맙습니다! 새해 복 많이 받으세요:)
미해결
React + API Server 프로젝트 개발과 배포 (CI/CD)
mac m1 13.5.2, 노드 16에서 실습중입니다. certbot --nginx 명령어로 https 인증서 받으려고 하니 다음 에러가 발생했습니다. Challenge failed for domain *.net http-01 challenge for *.net Cleaning up challenges Some challenges have failed. IMPORTANT NOTES: - The following errors were reported by the server: Domain: *.net Type: unauthorized Detail: 3.81.220.22: Invalid response from http://*.net/.well-known/acme-challenge/zCeVncU7_89k2mWJb8q8Qn0dc0T7cim7JwepOBi8zVw: 404 To 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 배우기를 시작했어요. 질문입니다. "엘름 아키텍쳐 - 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디렉토리를 만들어서 설치하는지 알 수 있을까요?
해결됨
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)
안녕하세요 강의를 듣고 제 프로젝트에 적용해볼려고 하는데(리액트만 ec2에 배포를 해볼려고 합니다) 무한 build가 되더라구요 그래서 ec2모니터링을 해보니 cpu가 99퍼를 차지하는 걸 확인했습니다. 그래서 이 상황을 해결하려고 ec2인스턴스 스펙을 좀 더 높여볼까하는 생각도 해봤는데 비용적인 부분때문에 걱정이 되더라구요 혹시 ec2인스턴스의 스펙업 이외의 해결 방법이 있을까요?
해결됨
Svelte.js SPA 영화 검색 프로젝트
안녕하세요 예제를 따라가다 보니 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 directory deploy.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 ) 는 어디서 다운 로드 받나요? pdf는 다운로드 받았는데 Source Code는 못 찾겠네요 전체 강의자료 파일 첨부되어 있습니다. 메시지는 보이는데 전체 강의자료 받을 수 있을까요? 감사합니다.
미해결
React + API Server 프로젝트 개발과 배포 (CI/CD)
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를 사용하는 이유가 있나요?
