분류 전체보기

안녕하세요! 브라우저와 서버의 통신으로 데이터를 취득할 때 많이 쓰이는 것이 비동기 HTTP 통신이라고 생각하는데요. 저도 토이 프로젝트를 하면서 자주 만났던 비동기 HTTP 통신으로 쓰이는 Ajax, Axios, Fetch에 대해 간단하게 비교하여 정리하려고 합니다. Ajax란 Ajax란 Ascynchronous JavaScript and XML의 약자이며 비동기적인 웹 애플리케이션의 제작을 위해 사용됩니다. Javascript를 이용해 클라이언트와 서버 간에 데이터를 주고 받는 비동기 HTTP 통신이며, XMLHttpRequest객체를 이용하여 전체 페이지를 새로고침 하지 않고도 필요한 데이터만을 불러올 수 있습니다. 즉, Javascript를 통해 서버에 데이터를 요청하는 것입니다. ✔️ 동작 원리..

안녕하세요! 오늘은 제가 팀 프로젝트에서 지도 API를 이용해 개발하였는데 그때의 기억을 기반으로, 지도 API 중 어떤 지도 API를 선택하였고, 그 이유에 대해 다뤄보려합니다. 국내에서 가장 많이 사용되는 지도 API로 네이버와 카카오 이 두개가 대표적으로 사용됩니다. 그 이유는 구글은 해외 지도가 필요한 서비스에는 적합할지 모르지만, 현재 한국 지도는 비교적 제한적으로 서비스하고 있기에 국내 서비스만을 계획하고 있을 때는 구글 맵 지도는 좋은 조건이 아니라고 생각이 들었기 때문입니다.맵의 용도가 다른 만큼 제작하는 서비스에 따라 잘 비교해보고 사용하시길 바랍니다 !   따라서, 저는 web을 통해 국내 지도 서비스를 제공하는 프로젝트를 만들기 때문에 네이버 지도와 카카오 지도를 비교하게 되었습니다...

안녕하세요 ! 오늘은 useEffect를 왜 사용하는지 공부해봤습니다. useEffect 함수란 - 어떤 컴포넌트가 Mount, Update, Unmount될 때 특정 작업을 실행할 처리 코드를 실행시켜 주고 싶을 때 실행하는 기능입니다. 모던 리액트 Deep Dive 책에 따르면 "useEffect는 애플리케이션 내 컴포넌트의 여러 값들을 활용해 동기적으로 부수 효과를 만드는 메커니즘이다. 그리고 이 부수효과가 '언제' 일어나는지보다 어떤 상태값과 함께 실행되는지 사려보는 것이 중요하다"고 정의되어 있습니다. **Mount : 화면에 첫 렌더링 / Update : 다시 렌더링 / Unmount : 화면에서 사라질 때 다음 예제 코드로 useEffect를 왜 사용하는지 알아보자 import React, ..