16/Wed/Nov/22 - AJAX

오늘은 Ajax ,Djago 복습, React 기초 에 대해 공부 를 하였다.

 

Ajax 는 부트캠프 시작 전에 기초 를 배울때 잠깐 수박 겉핥기 식으로 잠깐 배우고 넘어갔다.

 

그때는  무슨 소리인지 잘 모르고 넘어갔지만 다시 공부 하다보니

 

이해 가능한 내용들이 많이 있어서 조금 놀랐다.

 

물론 지금은 초반이고 아직 프로젝트에서 제대로 사용하지 않아서 정확 하게 말 할 수는 없지만,

 

앞으로 개발자로 살아 가기 위해서는 필수적 으로 필요하고 생각 한다.

 

Ajax 프론트 부분 이기는 하나 백엔드 를 제대로 알고 사용 하기 위해서는 프론트 엔드도 알아야 된다고 생각한다.

 

요즘 시대에는 한 가지 장인도 물론 필요하지만 T 자형 인재 도 많이 필요로 하는 시대 이기 때문에 

 

배울수 있는 기회가 왔을 때  기초  지식 이라로 라도  배우고  나중에 필요로 할 때   실무에 사용 할 수있을 정도로

 

공부 하면 된다고 생각한다.

 

오늘 배운 내용에 대해 간략하게 서술해 보겠다.

 

Ajax란

 

Ajax는 JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다.

브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를

로드하는 기법 이며 Ajax를 한마디로 정의하자면 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이라고 할 수 있다.

 

여기서 중요한 포인트는 비동기 식인거 같다

 

비동기 (async) 방식이란?

 

비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이다. 이 방식의 장점은 페이지 리로드의 경우 전체 리소스를 다시 불러와야하는데 이미지, 스크립트 , 기타 코드등을 모두 재요청할 경우 불필요한 리소스 낭비가 발생하게 되지만 비동기식 방식을 이용할 경우 필요한 부분만 불러와 사용할 수 있으므로 매우 큰 장점이 있다.

 

이번 프로젝트에서 제일 어려웠던 부분이 이 부분이다.

 

백엔드 구현은 팀원들과 다 함께 만들어서 부족한 부분은 서로 도우면서 진행 했지만

 

프론트엔드 부분에서 많이 힘들었다.

 

우선  지금까지는 템플릿 문법을 이용하여 프로젝트를 진행 했다.

 

하지만 그 방법은 예전 방식이고  더 이상 거의 사용되지 않는 방법이라는걸  이번에 잘 알게  되었다.

 

그래서 다음 프로젝트 부터 는 이런 실수를 하지 않기 위해 JS 관련도 공부 중이다.