ssaple

해결된 피드백 주셔서 정말 감사합니다. ^^제일 큰 산을 넘으셨으니 이제 남은 중간 크기(?) 산들은 'SNS Login'과 'redux toolkit'을 통한 반복 작업만이 남았습니다. 그 외에는 앞에서 배운거 계속적인 반복과 응용이니 마지막까지 가시면 NodeJS 작업은 거의 마스터한다고 보셔도 무방합니다. ※ 이 강의를 통해 기본 틀을 익히시면 추후에 프레임워크 사용 하시더라도 큰 어려움 없으실 겁니다. 여담이지만 AI때문에 요즘 트렌드는 세부적인 프레임워크 사용법을 익히기 보다는 근본적인 작동방법을 알고 AI에게 세부적인 작성방법을 물어서 작업하는식으로 개발방법이 빠르게 변하고 있습니다. (NextJS, NestJS 등 프레임워크 사용방법은 시간이 지나면 변하고, AI에게 물으면 쉽게 알수 있습니다)제가 AI사용하면서 받은 느낌은 AI 가 전체 코드를 파악할 수 있도록 별도의 AI 서버안에서 코드를 작성해서 작업하는게 아닌 이상(즉, AI가 전체 코드를 읽고 파악하는 것이 아닌 이상), 묻는 질문에 답변을 비교적(?) 잘 하는 수준에 불과하다는 것 입니다. 따라서 근본적인 것을 모르고 질문하면 잘못된 방향으로 답변이 나오기에 기본이 중요해진 시대인것 같습니다. 그래서 이 강의 만들때 AI를 염두한것은 아니지만, 최대한 근본에서 작업할 수 있도록 기획했기에 꼭 완주하셔서 성취를 이루시길 바랍니다. <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.ciokorea.com/news/316992">[참고기사] https://www.ciokorea.com/news/316992</a>

80번 포트에 관해 질문 있습니다.

<img src="https://cdn.inflearn.com/public/files/posts/6821074e-8402-4395-8730-83251f2a2afe/스크린샷2024-01-08오전10.57.50.png" alt="image" title="image">위 화면은 chapter2 -> 02_complete 폴더에서 실행한 것입니다.일단 제 작업환경을 먼저 말씀드리겠습니다.<ul><li>현재 맥으로 러스트로 웹개발작업 중인데 저도 질문 주시지마자 테스트해보니 질문자와 똑같은 에러가 발생했습니다. 도커의 이미지와 컨테이너 모두 삭제해도 마찬가지더라고요. 특히나 저는 rust의 trunk로 작업중이기에 trunk/~ws 라는 경로로 핫리로딩 관련 접속이 계속들어왔습니다.</li><li>그래서 일단 모든 개발 도구를 종료시키기 위해 컴퓨터를 재부팅하였고, 다시</li><li>docker system prune -a 를 통해 도커 이미지와 docker volume prune -a 로 모두 삭제하였습니다. 그리고 혹시 몰라 chapter11로 들어가서 02_complete 폴더로 들어가서 도커이미지를 작동시켰고, 작동 확인 후 모든 도커 이미지, 컨테이너, 볼륨을 모두 지운 다음에 다시 chapter2를 확인해봤는데 작동하였습니다.</li></ul>[문제점]<ul><li>중복된 도커이미지, 도커 컨테이너네임 등을 사용하다보니 오는 에러 -> 근데 아래와 같이 작업해봤다고 하시니... 이건 아닐것 같고... <code>docker images prune</code> <code>docker system prune -a</code> <code>docker volume prune -a</code></li><li>제가 모르는 OS 간의 차이? 근데 이것도 제가 wsl에서 확인해봤었는데 크게 이상 없었습니다.</li></ul>[해결책]<ul><li>일단 문제가 되는 에러 미들웨어를 주석처리. 아래와 같이 해봅니다</li></ul><pre class="hljs"><code>/* Error Handler */
// app.use(notFound);
// app.use(errorHandler);</code></pre><ul><li>에러가 발생할 시에는 일단 에러부분을 지우던가 또는 주석처리 등으로 해당 에러 이전에 또다른 에러가 있는지를 확인해봅니다. 만약 해당 미들웨어를 주석처리했는데 작동이 된다면 미들웨어에서 문제가 발생한 것이고, 그래도 에러가 발생한다면 해당 에러부분으로 가서 오타 등을 확인해봅니다.<ul><li>에러해결하기 위해서는 하나씩 거꾸로 올라가보시면서 해결해보아야 합니다.</li></ul>[결론]</li><li>에러부분 주석처리 했는데 해결됐다 -> 에러 미들웨어 오타 등의 문제</li><li>그래도 에러발생한다 -> 에러를 하나씩 없애야 합니다. -> 코드 올려주시면 영상으로 찍어서 올려드릴게요~</li></ul>

도커에서 포트 명령어는 <code>"호스트 포트:컨테이너 포트"</code>. 순으로 지정됩니다. 쉽게 말하면 "우리가 접속하는 외부 포트:도커내 포트" 라고 생각하시면 됩니다.일단 .Dockerfile에서 <code>EXPOSE 80</code> 을 주었습니다. 이는 도커 컨테이너의 포트를 80으로 주겠다는 것입니다.따라서 "80:80"에서 외부에서 접속하는 포트를 바꾸고 싶으면 "7000:80"로 바꾸게 되면 외부에서는<a target="_blank" rel="noopener noreferrer nofollow" href="http://localhost:7000으로">http://localhost:7000(또는 http://0.0.0.0:7000)으로</a> 접속하면 nginx로 접속하게 됩니다※ 윈도우에서 wsl2를 사용하더라도 문제가 없었는데, 아마도 특정 프로그램을 사용하고 계셔서 그것과 부딪히는 것 같네요. 한번 시도해보시기 바랍니다.※ 위 에러 메세지에서 <code>exposing port TCP 0.0.0.0:80 -> 0.0.0.0:0</code> 이렇게 써있는 것 같은데 호스트의 80포트를 컨테이너의 0번 포트로 연결하려고 하셔서 에러가 난게 아닌가 싶습니다. 포트부분에 오타가 없는지 확인도 해보시기 바랍니다g port TCP 0.0.0.0:80 -> 0.0.0.0:0pexposing port TCP 0.0.0.0:80 -> 0.0.0.0:0osing port TCP 0.0.0.0:80 -> 0.0.0.0:0exposing port TCP 0.0.0.0:80 -> 0.0.0.0:0

일단 기본적으로 5173포트는 vite 기본포트 입니다. 그래서 아마 추측컨데 기존에 실습을 하시고서 해당 도커를 종료를 안하시고 다시 도커 컴포즈를 작동시키셔서 포트간 충돌이 일어난것 같습니다. 제 강의노트에 현재 실행되고 있는 전체 종료 명령어가 있습니다. 그걸 사용하셔서 종료하시고 다시 실행하시면 되실거에요<code>docker stop $(docker ps -aq)</code> <--- 현재 작동중인 모든 도커 종료또는 아까 작동시킨 곳에서 아래 명령어를 사용하셔도 됩니다<code>docker compose -f ./scripts_docker_dev/docker-compose.dev.yml down</code>&nbsp;그렇지 않으면 컴퓨터를 재부팅하시면 당연히 도커가 모두 재실행되므로 포트 충돌이 일어나지 않을 것입니다.

실습(14) 질문있습니다!

NodeFull Stack 개발 가이드 학습자료는 제 노션블로그에 'Ch1~10. PPT 자료 : 수강생들에게만 공개'라고 되어 있습니다. <img src="https://cdn.inflearn.com/public/files/posts/97132aeb-f73c-48e4-ab06-d7576c8654fb/스크린샷2023-11-21오후1.40.12.png" alt="image" title="image">이것은 각 섹션 첫번째 영상을 클릭하시면 사진과 같이 맨 오른쪽에 보이시는 '수업자료' 라는 게 보입니다. 이걸 클릭하셔서 다운받으시면 됩니다.※ 그 외의 노션 올려진 학습자료는 대부분 공개되어 있으며, 'Terraform 배포 가이드'만이 해당 강의를 구매하시면 새 소식란에 노션자료에 접근할 수 있는 private 링크를 제공해드리고 있습니다.

강의 자료

깃이론다음에 실습이 없는 이유는 아직 저장할 내용을 안 만들었기 때문입니다.깃은 프로젝트 저장할때 쓰이므로 일단 강의는 진행해주시면 되겠고요.깃 이론을 실습하는 부분은 이번주까지 편집해서맨마지막 <a target="_blank" rel="noopener noreferrer nofollow" href="http://5.app">5.app</a>(7)바로 위에 추가하도록 하겠습니다. ^^*******************************************(추가) 2023.11.14.(목) 18:00 해당 부분 추가하였습니다

혹시 git 실습은 진행하지 않는 건가요?

https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/integrating-from-source.html#webpack-configuration
가장최신 설정법입니다.&nbsp;
참고하시기 바랍니다.&nbsp;
<div id="__endic_crx__">
<div class="css-diqpy0">&nbsp;</div>
</div>

webpack.config.js 설정

webpack 설정 문제입니다.

connected-react-router는 리액트 16.8이후는&nbsp;
https://github.com/salvoravida/redux-first-history
를 사용해보시기를 권해드립니다.&nbsp;
이를 사용하면 history를 v5이상 업그레이드 해도 잘 작동됩니다.&nbsp;
본래 이 라이브러리가 나온 이유가 history가 v5 이상으로 업그레이드 되었는데&nbsp;
connected-react-router 개발자가 업그레이드 안해줘서 열받은(?) 개발자가 만든 라우터입니다.&nbsp;
현재 react-router-dom v6도 호환이 되니, 참고하시기 바랍니다.&nbsp;
<div id="__endic_crx__">
<div class="css-diqpy0">&nbsp;</div>
</div>

페이지 Link를 이용한 페이지 이동이 안됩니다

aws s3에 저장하게 되면 해당 파일에 대한 고유 주소값을 얻게 됩니다.&nbsp;
이를 일반 인터넷창에 옮겨 붙이기만 해도 파일이 잘 작동될것입니다.
물론 헤더부분에서 미디어임을 명시해줘야겠죠.
하지만, ckeditor는 이를 자동으로 인식해 플레이 해줍니다.&nbsp;
<div id="__endic_crx__">
<div class="css-diqpy0">&nbsp;</div>
</div>

ssaple

Posts