바쁘실텐데 시간 내어 이렇게 좋은 영상 만들어주셔서 정말 감사해요 ㅠㅠ 진짜 이렇게 올려주실 줄 몰랐는데 ..! 감동 받았습니다 영상보고 체증 확 내려갔어요 요즘 라매 개발자님 영상보고 도움 많이 받고 있는데 앞으로도 잘 챙겨보겠습니다. 감사합니다 좋은 밤되세요 🥹🥹🥹🖤
와.... 잘 모르고 썼던 부분들이 많아서 문득문득 버벅일때가 있었는데, 이렇게 물 흐르듯이 Node.js와 express 사용법 , CORS 이슈, fetch와 axios 차이점, async/await , GET과 POST처리까지.... 33분만에 전체적인 흐름이 잡혀 놀라울따름이네요.. 이후 PUT,DELET, FETCH와 자주 사용하는 custom hook으로 정리해서 사용하는 것까지 강의해주시면 정말 좋을 것 같아요. 설명도 깔끔하고 목소리도 좋고, 군더더기없는 고퀄 강의였습니다 🤟🏼
웹 개발이 정말 쉬워졌네요. 예전에 apache + php 환경에서 html+자바스크립트+css+php 코딩까지 수백줄을 다뤄야 했던것에 비하면.. 환상적이네요. 쉬운 자바스크립트 문법 베이스인 react, nodejs 로 클라이언트와 서버, 백엔드와 프론트, 디자인과 프로그램을 동시에 할수 있다니.. 놀랍네요.
진짜 잘보고 댓글 남깁니다.. 그냥 모르고 썼던 것들이 이제 눈에 보입니다. fetch랑 axios 차이와, 얼마나 간결해졌는지도 눈에 확 들어오게 가르쳐주셨어요 ㅠㅠ . 좋은 목소리로 녹음해주신 부분이랑, 자막도 크게 정성들여 넣어주셔서 잘배우고 갑니다. 몇번 더 돌려보고, 혼자서 쓸 수 있게 될 때까지 연습하려고 합니다 ㅎㅎ 최근 영상은 코딩 테스트 영상 올려주고 계신 것 같아, 앞으로도 자주 놀러오겠습니다
두시간 동안 에러 헤멘거 공유합니다... map 함수 작성할떄 return 문을 쓸거면 중괄호로 감싸야 하고 return 문을 쓰지 않을거면 그냥괄호로 감싸야 합니다. 이거 찾느라고 정말 오래걸렸네요;; 아래 두 코드는 순서대로 1. 오류난 코드 2. 제대로 작성한 코드 1. 오류난 코드 return (
영상 너무 잘봤고 빠르고 간단하게 구현할 수 있어서 도움이 많이 되었습니다! 그런데 혹시 todoItem을 추가하고 useEffect의 배열에 todoList를 작성해줘서 추가할때마다 업데이트 되도록 만드는 것은 좋은방법이 아닐까요..?! 작동은 하는데 궁금해서 질문 남겨봅니다!
단순히 배열에 todoList를 쓴다고 업데이트가 자동으로 될 것 같진 않은데 잘 되시나요?? 제대로 하려면 추가 버튼 누르고 setTodolist로 값을 바꿔줘야 변경사항 감지하고 새로받아와요! 이렇게 하면 원래는 서버에 데이터 추가하고 다시 GET해오는 동안은 추가했던 데이터가 안보이는 상태가 있는데 말씀하신 방법에 이것만 추가하면 추가버튼 누르자마자 화면에 바로 나오고 이후에 서버에서 데이터 오면 제대로 왔는지만 비교해주면 돼서 훨씬 사용성이 좋아지죠 좋습니다😊 Optimistic update라고 합니다!
라매님 항상 잘 보고 있습니다!! 27:38분경 작성하시는 코드에서 .then( () => fetch ~~) 이렇게 쓰셨던데, .then( fetch~~) 이렇게 쓰면 안되는 이유 질문 드려도 될까요> 전송버튼이 서너번에에 한번씩 씹혀서 새로고침 해야하더라고요. ()는 항상 써주어야 하는 건가요?
선생님 이 이후에 이어지는 강의는없나요 혹시?ㅠㅠ 제가 이번에 로그인페이지, 회원가입 페이지 작성을 해야되는데 기능구현 및 api연결하는 방법, 유저정보 관리? 전역상태로 하는 그런기능을 하는걸 하기로 했는데 이부분도 영상 제작해주시면 안될까요? 꼭 부탁드립니다 선생님!!! ㅠㅠ
영상 너무 감사드립니다! 옵셔널 체이닝 관련해서 질문 좀 드려도 될까요? useState 기본값으로 null값 넣어놓고, 밑에서 get 요청을 했으면 데이터가 객체에 담겨있어야 하는거 아닐까요..? 콘솔을 찍어보면 null 값이 그대로 있어서.. 그래서 옵셔널 체이닝 쓰신거 같고.. 이 부분이 조금 이해가 가질 않아요 ㅠ
get 요청을 한 것과 동시에 서버에서 데이터가 들어올 수 있다면 렌더링 할 때 null 값이 안 들어있겠죠! 이러면 정말 좋을 것 같고 서버에 요청하는 비동기 요청이 그렇게 복잡하고 어렵지 않을거에요 하지만 그렇지 않아서 다들 처음에 어려워하죠! get 요청하면 네트워크를 통해서 서버에 요청이 갔다가 서버에서 응답이 와야 데이터를 화면에 보여줄 수 있어요 이 get 요청이 네트워크랑 서버가 빠르면 0.xx초 느리면 1초이상도 걸릴 거에요 이 시간은 컴퓨터한텐 사람의 x년과도 같은 어머어마하게 긴 시간입니다. 1초면 1부터 1억까지 더하는 계산도 할 수 있어요. 그러면 이 시간동안 그냥 아무일도하지말고 서버에 응답 올때까지 기다리라고 하면 너무 비효율적이겠죠. 그래서 요청 보내놓고 그냥 화면을 렌더링합니다. 그럼 응답 오기 전까진 null 상태이겠죠! 그래서 null값이 있는거에요
개인적인 궁금증이 해소되지 않아 이렇게 댓글을 남깁니다. 서버의 역할은 클라이언트가 api를 통해서 하는 요청에 맞는 html을 보내주는 것이라고 생각해오고 있었습니다. 이러한 용도라면 제 기준에는 서버가 하나밖에 필요가 없다는 생각이었는데, 프론트엔드의 서버와 백엔드의 서버, 이런 식으로 서버가 두개인 이유가 무엇인가요? 백엔드의 서버는 제가 생각하고 있던 역할이 맞다고 생각되는데, 그렇다면 프론트엔드의 서버, 즉, 리액트 서버의 역할은 무엇인지 궁금합니다.
영상감사합니다. 코드를 짜거나 짜여진 코드를 볼때, 연결구조라고 해야되나, 어떻게 연결되고 어떻게 그려지고 어떻게 작동할것인지 잘 안그려지고, 그런부분에서 코딩이 어려운데, 이건 많이 안해본 초보자라면 누구나 그런걸까요? 라매님도 혹시 처음하실때는 연결구조들이나 짠코드의 결과물이 잘 안그려지셨었는지 궁금합니다. 개발 하시는 분들은 코드만 보고, 결과물에 대한 그림이나 구조를 잘 파악하시던데, 저는 어렵네요
처음할 땐 당연히 어려운 것 같아요! 😊 코딩 많이 해도 늘겠지만 옆에 종이랑 펜 한장 두고 내가 만들고 싶은, 이해하고 싶은 코드를 종이에다 그림으로 정리 한번 해보세요! 코드를 이해하기 전에 먼저 내가 만들고 싶은게 뭔지 이해해야합니다! 초보분들 보통 만들고 싶은게 무엇인지도 명확하지 않은데 코드부터 무작정 짜려고 해서 더 어려워하시는 것 같아요😊
안녕하세요. 궁금한게 있어서 질문드립니다. 제가 프론트에서 axios로 stable diffusion API 쪽으로 post 날렸는데 CORS 에러 나는건 stable diffusion 쪽에서 풀어줘야 하는건가요? 그렇다고 한다면 API 는 애초에 다른 origin에서 사용하는걸 목적으로 만든건데 stable diffusion은 API를 잘 못 만든건가요? 그럴리는 또 없을 것 같고.. 뭐가 잘못된건지 모르겠네요..
stable diffusion은 써본적이 없지만 예상되는 문제는 API 제공자 쪽에서 누구든 상관없이 api요청을 보낸다고 다 허용하면 안되니 1. api key 발급 2. 계정당 요청 허용하는 도메인 설정 3. 그 외 관련 보안 설정 문제가 될 수 있을 것 같은데요 확인해보시면 좋을 것 같습니다!😄
@@lamedev 고맙습니다. apikey도 다 세팅했는데도 그래서.. 그런데 apikey 유무에 따라서도 cors 를 키거나 끌 수도 있는건가보네요? 아무튼 저는 그냥 중간다리 역할 하는 서버 하나 만들어서 서버에서 axios 로 api 요청 해야 할 것 같습니다.. 감사합니다!
React .. ?! 플렛시,델파이 폭망으로 국내 수많은 조직들이 맛이 간것 같은데.. react 라.. 이건 멀쩡할려나??!! 그냥 express, ejs 로 가는 것이 안전할텐데.. 앱들은 native 로 가는 것이.. 안전 할것이고.. 너무 쉽게 가려다가 , 맛간 도구업체들과 함께 물속으로 들어갈 가능성.. 농후함..
개발자님 감동입니다!
바쁘실텐데 시간 내어 이렇게 좋은 영상 만들어주셔서 정말 감사해요 ㅠㅠ 진짜 이렇게 올려주실 줄 몰랐는데 ..! 감동 받았습니다
영상보고 체증 확 내려갔어요
요즘 라매 개발자님 영상보고 도움 많이 받고 있는데 앞으로도 잘 챙겨보겠습니다.
감사합니다 좋은 밤되세요 🥹🥹🥹🖤
체증 내려가셔서 다행입니다😊 영상봐주셔서 감사합니다 화이팅입니닷!
며칠을 헤매다가 이 영상보고 개념정리가 되었습니다. 정말정말 감사합니다!!!
도움된 것 같아 다행입니다 😊
영상 봐주셔서 감사합니다!
몇일동안 해보려고 끙끙댔는데 한줄기 빛과 같은 영상이네요 너무너무 유익했습니다! 감사합니다!
영상 봐주셔서 감사합니다😊
와.... 잘 모르고 썼던 부분들이 많아서 문득문득 버벅일때가 있었는데, 이렇게 물 흐르듯이 Node.js와 express 사용법 , CORS 이슈, fetch와 axios 차이점, async/await , GET과 POST처리까지....
33분만에 전체적인 흐름이 잡혀 놀라울따름이네요..
이후 PUT,DELET, FETCH와 자주 사용하는 custom hook으로 정리해서 사용하는 것까지
강의해주시면 정말 좋을 것 같아요.
설명도 깔끔하고 목소리도 좋고, 군더더기없는 고퀄 강의였습니다 🤟🏼
기회가 되면 준비해서 올려보겠습니다!😊 좋게 봐주셔서 감사합니다🙇♂️
와 지금 리액트 공부하며 애먹고 있던 부분이었는데 마침 영상이 올라왔네요 감사합니다!
잘됐네요! 도움 되셨으면 좋겠습니다😊
짱짱맨~~~~ 감사합니다 논리적으로 따라갈수 있어서 추상적이었던 부분들이 구체화 되었습니다.
~ 06:25 api서버 완료
06:30 : fetch 사용
10:54 : CORS 이슈
19:00 useEffect의 필요성, 데이터 불러오기
20:46 데이터 추가하기
27:40 데이터 추가시 바로 출력 및 리팩토링
28:50 axios 써보기
좋은 정리 감사합니다!!👍👍
감사합니다
웹 개발이 정말 쉬워졌네요.
예전에 apache + php 환경에서 html+자바스크립트+css+php 코딩까지 수백줄을 다뤄야 했던것에 비하면.. 환상적이네요.
쉬운 자바스크립트 문법 베이스인 react, nodejs 로 클라이언트와 서버, 백엔드와 프론트, 디자인과 프로그램을 동시에 할수 있다니.. 놀랍네요.
아 그렇군요 ... 전 아직도 점하나 틀리면 밤세는 수준이라 ..ㅠ.ㅠ
최근 React 와 React Native를 공부하면서 보게 되었습니다. 노드 서버랑 통신하는 부분에서 정말 깔끔하고 막 배우는 사람 입장에서 도움이 많이 됩니다. 감사합니다. ^^
도움이 돼서 다행입니다!
좋은 댓글 남겨주셔서 감사합니다!😊
구독 누를 수 밖에 없네요..! 저에게 설명이 필요했던 부분이었어요ㅠ 추천에 떠서 우연히 보게됐는데 설명도 너무 잘 해주시고 좋아요!! 감사합니다😊
도움 됐다니 다행입니다!! 구독도 감사합니다😊
진짜 잘보고 댓글 남깁니다.. 그냥 모르고 썼던 것들이 이제 눈에 보입니다.
fetch랑 axios 차이와, 얼마나 간결해졌는지도 눈에 확 들어오게 가르쳐주셨어요 ㅠㅠ .
좋은 목소리로 녹음해주신 부분이랑, 자막도 크게 정성들여 넣어주셔서 잘배우고 갑니다.
몇번 더 돌려보고, 혼자서 쓸 수 있게 될 때까지 연습하려고 합니다 ㅎㅎ
최근 영상은 코딩 테스트 영상 올려주고 계신 것 같아, 앞으로도 자주 놀러오겠습니다
좋은 목소리라니..너무 부끄럽네요🥰
도움 되어서 다행입니다 더 좋은 영상 많이 만들어보겠습니다!!
귀한 영상 감사드립니다!!
33분짜리 영상인데 거의 4시간이 ㄷ걸린 것 같네요..그만큼 내용도 알차고 알게된것도 많았습니다!! 좋은강의 감사합니다 ㅎㅎ
꼼꼼히 잘 봐주셔서 감동입니다..! 도움 된 것 같아 다행이네요 감사합니다😊
귀한 영상 감사합니다 🙏🏻🙏🏻
영상 봐주셔서 감사합니다!😊
설명 너무 좋아요 감사합니다 😍
영상 봐주셔서 감사합니다😊
정말 많은 도움이 되었습니다.
좋은 영상 감사합니다!
좋은 댓글 남겨주셔서 감사합니다!
영상 봐주셔서 감사합니다 😊
딴건 모르겠고 이어폰이 없는데 조용하게 자막이 있으니까 볼 수 있어서 좋네요
자막 열심히 달아야겠네요!😊 영상 봐주셔서 감사합니다!
댓글 잘 안 다는데 영상 잘 보고 배워갑니다 ㅎㅎ 정리가 깔끔하네요
좋게 봐주셔서 감사합니다!😊
최고에요 ㅎㅎ 이해 쏙쏙
기분 좋은 댓글 감사합니다!!😁
와 지금 필요한 타이밍인데 너무 감사해요.. ㅠ
잘 올린 것 같네요! ㅎㅎ 감사합니다😊
당신은 신 입니까?
사랑합니다❤
바로 구독!
감사합니다!😊
감사합니다 !
영상 봐주셔서 감사합니다 😊
20분쯤 const [todoList, setTodoList] = useState(null); 부분 에러 나서 한참걸렸네요 ㅠㅠ const [todoList, setTodoList] = useState([]);로 수정하시면됩니다.
이 댓글은 상단에 고정해둬야겠네요!! 설명 감사합니다😊
사.. 사랑합니다.
도움된 것 같아 다행입니다😊
두시간 동안 에러 헤멘거 공유합니다...
map 함수 작성할떄 return 문을 쓸거면 중괄호로 감싸야 하고
return 문을 쓰지 않을거면 그냥괄호로 감싸야 합니다. 이거 찾느라고 정말 오래걸렸네요;;
아래 두 코드는 순서대로
1. 오류난 코드
2. 제대로 작성한 코드
1. 오류난 코드
return (
TODO LIST
{todoList.map((todo) => {
{todo.id}
{todo.text}
{todo.done ? "Yes" : "No"}
;
})}
);
2. 제대로 작성한 코드
return (
TODO LIST
{todoList.map((todo) => (
{todo.id}
{todo.text}
{todo.done ? "Yes" : "No"}
))}
);
그리고 라매님 영상 정말 감사합니다
좋은 정보 공유 감사합니다 화이팅입니닷! 😊
같은 문제로 안됐었네요. 감사합니다.
28:55 axios
대박 ㅠㅠ
영상 봐주셔서 감사합니다!😊
영상 너무 잘봤고 빠르고 간단하게 구현할 수 있어서 도움이 많이 되었습니다! 그런데 혹시 todoItem을 추가하고 useEffect의 배열에 todoList를 작성해줘서 추가할때마다 업데이트 되도록 만드는 것은 좋은방법이 아닐까요..?! 작동은 하는데 궁금해서 질문 남겨봅니다!
단순히 배열에 todoList를 쓴다고 업데이트가 자동으로 될 것 같진 않은데 잘 되시나요??
제대로 하려면 추가 버튼 누르고 setTodolist로 값을 바꿔줘야 변경사항 감지하고 새로받아와요!
이렇게 하면 원래는 서버에 데이터 추가하고 다시 GET해오는 동안은 추가했던 데이터가 안보이는 상태가 있는데
말씀하신 방법에 이것만 추가하면
추가버튼 누르자마자 화면에 바로 나오고 이후에 서버에서 데이터 오면 제대로 왔는지만 비교해주면 돼서 훨씬 사용성이 좋아지죠 좋습니다😊
Optimistic update라고 합니다!
@@lamedev 앗 맞아요!! 추가버튼으로 값을 바꿔주었습니다! 명칭이 따로 있었군요..!! 😂정말 감사합니다!!!
영상으로도 큰 도움받았는데 세세하게 설명도 덧붙여주셔서 너무 감사합니다ㅠㅠ
답답했던 부분이 해결됐네요 ㅎㅎㅎ 편안한 밤 되세요~!~! 😁
27:34
13번 줄 디펜던시 어레이에 ustState의 변수인 todolist를 넣어줘도 또 렌더링 잘 되지 않나요?😮
라매님 항상 잘 보고 있습니다!! 27:38분경 작성하시는 코드에서 .then( () => fetch ~~) 이렇게 쓰셨던데, .then( fetch~~) 이렇게 쓰면 안되는 이유 질문 드려도 될까요> 전송버튼이 서너번에에 한번씩 씹혀서 새로고침 해야하더라고요. ()는 항상 써주어야 하는 건가요?
then 안에는 callback "함수" 가 들어가야해요
fetch~~ 의 return 값은 함수가 아니죠😊
앗 감사합니다 처음 배운 내용에 머리가 복잡해지니 이런 것도 놓치네요 ㅎㅎ..
선생님 이 이후에 이어지는 강의는없나요 혹시?ㅠㅠ 제가 이번에 로그인페이지, 회원가입 페이지 작성을 해야되는데 기능구현 및 api연결하는 방법, 유저정보 관리? 전역상태로 하는 그런기능을 하는걸 하기로 했는데 이부분도 영상 제작해주시면 안될까요? 꼭 부탁드립니다 선생님!!! ㅠㅠ
영상 너무 감사드립니다! 옵셔널 체이닝 관련해서 질문 좀 드려도 될까요?
useState 기본값으로 null값 넣어놓고, 밑에서 get 요청을 했으면 데이터가 객체에 담겨있어야 하는거 아닐까요..?
콘솔을 찍어보면 null 값이 그대로 있어서.. 그래서 옵셔널 체이닝 쓰신거 같고.. 이 부분이 조금 이해가 가질 않아요 ㅠ
get 요청을 한 것과 동시에 서버에서 데이터가 들어올 수 있다면
렌더링 할 때 null 값이 안 들어있겠죠! 이러면 정말 좋을 것 같고 서버에 요청하는 비동기 요청이 그렇게 복잡하고 어렵지 않을거에요
하지만 그렇지 않아서 다들 처음에 어려워하죠!
get 요청하면 네트워크를 통해서 서버에 요청이 갔다가 서버에서 응답이 와야 데이터를 화면에 보여줄 수 있어요
이 get 요청이 네트워크랑 서버가 빠르면 0.xx초 느리면 1초이상도 걸릴 거에요
이 시간은 컴퓨터한텐 사람의 x년과도 같은 어머어마하게 긴 시간입니다. 1초면 1부터 1억까지 더하는 계산도 할 수 있어요.
그러면 이 시간동안 그냥 아무일도하지말고 서버에 응답 올때까지 기다리라고 하면 너무 비효율적이겠죠.
그래서 요청 보내놓고 그냥 화면을 렌더링합니다. 그럼 응답 오기 전까진 null 상태이겠죠! 그래서 null값이 있는거에요
@@lamedev 하.. 정말 감사합니다. 이해 됐어요!!
라매님 초창기부터 영상 꾸준히 잘 보고있습니다!
항상 감사드려요!
개인적인 궁금증이 해소되지 않아 이렇게 댓글을 남깁니다. 서버의 역할은 클라이언트가 api를 통해서 하는 요청에 맞는 html을 보내주는 것이라고 생각해오고 있었습니다. 이러한 용도라면 제 기준에는 서버가 하나밖에 필요가 없다는 생각이었는데, 프론트엔드의 서버와 백엔드의 서버, 이런 식으로 서버가 두개인 이유가 무엇인가요? 백엔드의 서버는 제가 생각하고 있던 역할이 맞다고 생각되는데, 그렇다면 프론트엔드의 서버, 즉, 리액트 서버의 역할은 무엇인지 궁금합니다.
이 질문 답은 영상으로 한번 만들어볼게요!
요약하면 서버는 html뿐만 아니라 client가 원하는 모든걸 주는 거에요!
서버가 하나만 있다가 죽으면 어떤일이 일어날지 생각해보시면서 기다리시면 좋을 것 같습니다😊
ruclips.net/video/9suWgeLZhLg/видео.html
영상 올렸습니다! 도움 됐으면 좋겠습니다😊
야메님 어떨 땐 res(response) 사용하고 어떨 때는 req(request)를 사용하는데 이거 기준이 뭔가요? 단순 클라이언트가 요청하고 서버가 응답하는 개념은 알겠는데 막상 코드로 구현하려니 좀 헷갈립니다 ㅠㅠ
클라이언트에서 서버로 오는 데이터는 req
서버에서 클라이언트로 보낼때 쓸 건 res를 쓰면 됩니다
그림 한번 그려보세요!
6:30
영상감사합니다.
코드를 짜거나 짜여진 코드를 볼때, 연결구조라고 해야되나, 어떻게 연결되고 어떻게 그려지고 어떻게 작동할것인지 잘 안그려지고, 그런부분에서 코딩이 어려운데, 이건 많이 안해본 초보자라면 누구나 그런걸까요? 라매님도 혹시 처음하실때는 연결구조들이나 짠코드의 결과물이 잘 안그려지셨었는지 궁금합니다.
개발 하시는 분들은 코드만 보고, 결과물에 대한 그림이나 구조를 잘 파악하시던데, 저는 어렵네요
처음할 땐 당연히 어려운 것 같아요! 😊
코딩 많이 해도 늘겠지만 옆에 종이랑 펜 한장 두고 내가 만들고 싶은, 이해하고 싶은 코드를 종이에다 그림으로 정리 한번 해보세요!
코드를 이해하기 전에 먼저 내가 만들고 싶은게 뭔지 이해해야합니다! 초보분들 보통 만들고 싶은게 무엇인지도 명확하지 않은데 코드부터 무작정 짜려고 해서 더 어려워하시는 것 같아요😊
@@lamedev 답변감사합니다!
안녕하세요! 개인프로젝트로 nodejs기반 서버 개발를 처음으로 RESTful api로 구축해보고 있습니다. 궁금한점이 프론트엔드와 백엔드가 분리되고 백엔드를 node + db로 구축하고 그후에 프론트엔드를 꼭 react를 사용해야 하는건가요? 아니면 프론트에서도 nodejs 기반으로 구축하고 ejs에 렌더링해도 되는건지 궁금합니다. react아닌 방법으로도 만든게 restful을 활용해서 만들었다고 해도 되는지 궁금하네요.
프론트에서도 nodejs 기반으로 구축하고 ejs에 렌더링해도 됩니다~
react등 프레임워크 사용여부와 restful은 관계없고
api 서버에서 url, http method를 적절하게 잘 사용했냐와 관련있습니다😊
@@lamedev 아이고 답변 감사드립니다 ^^ 매번 프론트 백 한꺼번에 하다가 이번에 rest api기술을 처음 쓰다보니 개념이 헷갈렷은데 답글 덕분에 도움이 많이 됩니다 ㅎㅎ 열심히 개인프로젝트 중입니다 화이팅입니다!!
강의 감사합니다 ! 혹시 vue로도 만들어주시면안될까요 ㅜㅜ 같은맥락이겠지만 vue로도 보고싶어요!!
vue도 한번 준비해볼게요!!😊
안녕하세요. 궁금한게 있어서 질문드립니다.
제가 프론트에서 axios로 stable diffusion API 쪽으로 post 날렸는데 CORS 에러 나는건 stable diffusion 쪽에서 풀어줘야 하는건가요?
그렇다고 한다면 API 는 애초에 다른 origin에서 사용하는걸 목적으로 만든건데 stable diffusion은 API를 잘 못 만든건가요? 그럴리는 또 없을 것 같고.. 뭐가 잘못된건지 모르겠네요..
stable diffusion은 써본적이 없지만 예상되는 문제는
API 제공자 쪽에서 누구든 상관없이 api요청을 보낸다고 다 허용하면 안되니
1. api key 발급
2. 계정당 요청 허용하는 도메인 설정
3. 그 외 관련 보안 설정
문제가 될 수 있을 것 같은데요
확인해보시면 좋을 것 같습니다!😄
@@lamedev 고맙습니다. apikey도 다 세팅했는데도 그래서.. 그런데 apikey 유무에 따라서도 cors 를 키거나 끌 수도 있는건가보네요?
아무튼 저는 그냥 중간다리 역할 하는 서버 하나 만들어서 서버에서 axios 로 api 요청 해야 할 것 같습니다.. 감사합니다!
감사합니다. 코딩테스트 영상은 예정에 있나요? 아니면 끝났나요??? 너무 원합니다!!!
조만간에 준비해보겠습니다!! 감사합니다😊
안녕하세요! 강의 잘 들었습니다.
질문이 한가지 있는데요.
axios에도 JSON.stringfy랑 Content-Type부분 넣어주었는데 req.body부분에 자꾸 빈 값만 넘어옵니다ㅜㅜ
해결 방법 있을까요?
express에서 body parser가 잘 적용되지 않아 그런 것 같아요
잘 적용됐는지 확인해보고 한번 다시 해보시면 좋을 것 같습니다😊
쓰시는 테마 뭔지 알려주실수있나요.
Communuty Material Theme 사용하는데 글자색이 조금 다르게 나오는거같네용
저는 one dark pro 사용하고 있습니다!😊
형 먼데 이렇게 쉽게 설명해줘..
기분 좋은 댓글 감사합니다😊
선생님 db연결하는 것도 알려주실수 있나요 ?ㅠㅠ
ruclips.net/video/oJZETsl6gQY/видео.html
이 영상에 연결하는 게 있는데 어려우시면 이 영상에 이어 다시 만들어드릴게요!😊
@@lamedev 아 있었네요 감사합니다!
저 똑같이 했는데 왜 post요청만 안될까요ㅠㅠ
const onSubmitHandler = async (e) => {
e.preventDefalut();
const text = e.target.text.value;
const done = e.target.done.checked;
await axios.post('localhost:5000/api/todo',{text,done})
// .then(function(response){
// console.log(response);
// }).catch(function(error){
// console.log(error);
// })
fetchData();
}
뭔가 오타가 있어서 그런걸까요
로그에 아무것도 출력 안되고 input에 입력하면 url에 파라미터도 checkbox부분이 true/false가 아닌 on?으로 뜨네요
이 코드만 봤을 땐 크게 잘못된게 안보이네요! 전체코드를 메일로 보내주실 수 있나요? pkiopb@gmail.com 입니다😊
React .. ?! 플렛시,델파이 폭망으로 국내 수많은 조직들이 맛이 간것 같은데.. react 라.. 이건 멀쩡할려나??!! 그냥 express, ejs 로 가는 것이 안전할텐데.. 앱들은 native 로 가는 것이.. 안전 할것이고.. 너무 쉽게 가려다가 , 맛간 도구업체들과 함께 물속으로 들어갈 가능성.. 농후함..