전체보기
-
ReactJS / useEffect(유즈 이펙트라 쓰고 버터 플라이 이펙트라 읽는다.)DEV/REACTJS 2021. 11. 16. 00:43
우리는 예상치 못한 현실에 자주 부딛히곤 한다. 이거티비하고 뭘 실행할려고 하다 보면 저쩔티비 하면서 이상한 결과가 나오는 마법을 자주본다. 코딩도 뭐 다르진 않다. React 같은 경우에는 내가 만든 하나의 도구(도라에몽 도구랑 비슷한거임)를 개개별로 만들수 있는데, 이 도구를 활용해서 뭔가를 실행하면 전체 도구함이 리프레쉬 되면서 내용이 바뀌게 된다. 하지만 이건 좀 불합리하다고 느껴진다. 100개의 도구가 있는데 1개의 도구만 바꾸기 위해 100개를 전부다 새로 업데이트 할 순 없지 않은가. 그때 사용하는게 React의 useEffect다. useEffect는 import useEffect; console.log("rere"); useEffect( () => {A} , [B] ); 와 같은 형식으로..
-
ReactJS / CORS 문제 해결을 위한 npm http-proxy-middleware 사용DEV/REACTJS 2021. 11. 16. 00:25
React로 개발을 진행하다보면 서버와 프론트를 구분할때가 언젠가 온다. 서버는 Nodejs를 통해 구축해놓은 상태이며 프론트로 이제 React를 사용한다. 보통의 경우인지는 모르겠지만, local에서 개발을 진행할때 Nodejs의 경우에는 5000번의 포트를 자주 사용하는 듯 하고, Reactjs의 경우에는 3000번의 포트를 사용하는 듯하다. 코딩을 한 후, 결과물을 보기 위해선 서로 다른 터미널에 각각의 서버를 가동시켜줘야하는데 여기서 CORS 문제가 발생한다. (참고로 둘다 port의 값을 동일하게 지정해놓으면 문제가 없이 실행된다.) 우선 CORS란 Cross-Origin Resource Sharing 의 줄임말이고, 서로 기원이되는 리소스 공유 라고 해석해볼수 있다. 우선 이 내용은 어려우니 ..
-
javascript / 콜백함수를 쉽게 설명해봤다.(callback function)DEV/JavaScript 2021. 11. 8. 13:01
콜백함수(callback function) 콜백(callback)이라는 단어의 뜻만 본다면 "회신"이라는 의미를 가지고 있다. 콜백 함수의 정의 - 함수에 파라미터로 들어가는 함수 이러면 내용이 어려우니 한 번 더 상세히 들어가보면 파라미터(parameter)란 한글로 매개변수 라는 뜻 매개변수란 함수에 입력되는 데이터 중 하나를 가르키는데 사용되는 말 매개란 뜻은 둘 사이의 양편의 관계를 맺어준다는 의미를 가지고 있으며 변수(variable)란 변하는 수, 즉 계속해서 변하는 수 라는 의미를 가짐 즉, 위의 내용을 활용해서 내용을 써본다면 콜백함수란 함수와 함수사이에 관계를 맺고싶을 때, 변수(혹은 상수일수도 있음)의 형태로 다른 함수에 들어가는 함수 라고 말하면 쉬울리가 있나 여기까지 정의 끝. 콜백..
-