꺾이지 않는 마음

📩 리액트에서 서버와 통신하려면 ajax를 사용하자 기존 HTML에서 서버와 통신하려면 Get과 Post를 사용했다. form 태그 안에 넣어서 인풋값으로 얻은 데이터들📩을 특정 주소로 전달할 때 이런 식으로 주로 사용했다. 근데 이러면 브라우저가 새로고침 되는 문제가 발생한다. 또한 기본적으로 자바스크립트는 동기 처리 방식인데, 이러한 방식은 서버에서 받아올 데이터 양이 많을 시 브라우저 전체의 로딩 속도를 늦추기 때문에 기본적으로 데이터 송수신은 비동기 처리방식을 채택하고 있다. ajax는 서버에 GET, POST 요청을 할 때 새로고침 없이(비동기 방식으로) 데이터를 주고받을 수 있게 도와주는 간단한 브라우저 기능이다. AJAX로 GET/POST요청하려면 방법 3개 중 택1 하면 된다. XMLHtt..

인강으로 리액트를 배우다가 기초 개념이 부족하다는 생각이 들어서 공식문서를 정독하기로 했다. 가볍게 쭉 훑어보니까 리액트를 처음 접하는 사람은 공식문서를 첫 학습교안으로 삼기엔 다소 무리가 있어 보였다. 리액트에서 사용하는 JSX 문법과 컴포넌트의 개념에 대해 알고 있던 나에게도 공식문서는 꽤 어렵게 느껴졌다. 나는 리액트 공식문서를 학습하면서 정리한 내용을 본 게시글에 포스팅할 것이다. 어렵게 쓰여있는 공식문서의 내용을 보다 쉬운 말로 풀어서 나만의 언어로 정리하고 설명하려 한다. 리액트 공식문서 링크: https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interf..