오늘 배운 것
ajax
Asynchronous JavaScript and Xml. 동적인 웹페이지를 만들기 위한 개발 기법. 웹페이지 전체를 다시 로딩하지않음. 보이지 않는 곳에서 서버와 통신하며 웹 페이지에 데이터를 갱신함. json, xml, html, text file 등 다양한 형태의 데이터를 주고받을 수 있음.
ajax의 장점
- 웹 페이지의 속도 향상
- 서버의 처리가 완료 될때까지 기다리지 않고 처리 가능
- 서버에서 데이터만 전송하면 되기때문에 코드의 양이 줄어든다.
- 기존 웹에서 불가능했던 다양한 UI를 가능하게 해준다.
ajax의 단점
- 히스토리 관리가 안 된다.(보안에 신경써야 함)
- 연속으로 데이터를 요청할 시 부하가 증가할 수 있다.
- ajax의 구현방법 : XHR, jQuery, Fetch 등
많은 방법이 있지만 그 중에서 Fetch를 사용해보았다.
Fetch API는 보안상의 이유로 local환경에서 실행되지 않는 문제가 발생했다. 그래서 github에서 제공하는 Pages를 이용하였다. repository를 꼭 public으로 생성해야 과금없이 사용할 수 있다.
오늘 느낀 점
역시 아는만큼 보이는 법이다. 내가 직접 코드를 작성하는 것은 어렵지만 그래도 이제 어느정도 코드를 읽고 해석할 수 있게 되는 것 같다. ajax의 문법은 내가 접해봤던 언어들에서 볼 수 없는 형태가 많아서 좀 낯설게 느껴졌다. 일회성으로 쓸 함수는 함수명을 굳이 정하지 않고 함수를 만드는 점은 변수명, 함수명을 결정하는것에 힘들어하는 나같은 사람에게 유용한 문법이라 생각했다.
github에 많은 기능들 중 처음으로 Pages를 사용해 봤는데 github에 push를 하는 것만으로도 웹페이지가 배포되는게 엄청 신기했다. 처음에는 공부하는 코드라 private로 repository를 생성했다가 과금이 된다고해서 깜짝놀랐지만 public으로 돌리니 과금은 없고 바로 웹페이지가 배포되었다.
fetch가 보안문제 때문에 막히는걸 모르고 코드가 틀린줄 알고 계속 들여다봤던 나를 반성한다.
