js

리액트 프로젝트를 새로 만들 기회가 있어서 어떤 라이브러리를 써야하나 라며 고민하다가 타입스크립트는 배제하게 되었고 그 안에서도 js 와 jsx 둘 중에 뭐가 더 낫나? 뭐가 다르지? 라는 의문이 들었다. 맨날 누가 쓰는거 그대로 쓰고 jsx가 자바스크립트의 확장문법이라는 정도만 알았다. 그렇다보니 문법도 크게 다르지 않고 정확한 차이점을 알지 못 했다. jsx javascript 의 확장 문법 자바스크립트 안에서 HTML 문법을 사용할 수 있다. 주로 리액트 같은 프론트엔드 프레임워크에서 사용이 가능하다 사실, 논쟁이 있긴하지만 js나 jsx나 크게 차이가 없다는 점에서 중요한 점이 아니라는 의견도 지배적이다. jsx를 쓰면 ui적인 면에서 직관적으로 쓸 수 있다는 정도? 순수한 js가 아니라는 점~ ..

웹 개발시에 API를 호출하기 위해서 제일 먼저 떠오르는 것이 request, axios, jQuery 같은 라이브러리이다. 하지만 이제 브라우저가 fetch() 함수를 지원하기 때문에 이러한 라이브러리를 사용해서 자바스크립트 번들(bundle)파일의 크기를 늘리는 낭비를 하지 않아도 된다. 물론 나는 주로 reactJs, nextJs 로 작업하기 때문에 axios를 써서 호출한다. 그러다 이번에 이미지 url에서 파일을 추출하기 위해서 fetch 함수를 써서 response를 받아올 일이 있었다. 방법을 찾아서 알아보다가 fetch함수를 이렇게 쓸 수 있다는 것도 알게 되었다. 겸사겸사- fetch에 대해 알아보고 공부하려고 한다. 📢 Fetch 를 알자! fetch() 함수는 네트워크 요청하고 응답을..