Angular 란?

실은 이런 설명글, 소개글 같은 건 쓰고싶지 않았습니다. 조금만 찾아보면 저보다 더 굇수분들이 잘 설명해 놓은 글이 많기 때문에 무의미하다고 생각했는데 그래도 이런 글이 없으면 뭔가 허전하잖아요 ㅎㅎ 그래서 정말 짧게 핵심만 쓸겁니다! 저도 이제 배우기 시작해서 잘 모르는 건 비밀.. (´͈ ᵕ `͈ )

 

우선 이 자식 Angular 란 놈은 무엇인가!

Angular is JavaScript Framework which allows you to create reactive Single-Page-Applications(SPAs).

 

 

해석하면 앵귤러는 반응형 단일페이지 응용프로그램을 만들도록 해주는 자바스크립트 프레임워크다...

훔,, 더 쓸게 없네용.. 실은 저게 다 설명한 거라고 생각합니다.

장단점, 다른 프레임워크와 차이점 뭐 이런 거 써봐야 나같은 신입에게 그런 정보 필요없다구욧ㅠㅠ

Angular vs React vs Vue 등등.. 차이점 찾아볼 정도면 그건 신입이 아닌걸로! 어떤 기준이냐구요??

내가 신입이기때문에 내 기준! ㅎㅎ 티스토리 운영의 주 목적은 저의 학습이라고 소개글에서 말씀드렸죠!

그러므로 이상 끝! 내려고 하니 마지막 단어 Single-Page-Application 이 궁금하네요!

 

Single-Page-Application : 단일 페이지 어플리케이션.

 

즉, 쉽게 말해서 1개 페이지만 있는 어플리케이션이라고 생각하시면 됩니다.

처음 Java + Spring 웹 교육을 받을 때 배웠던 것은 페이지를 변경하기 위해서는 컨트롤러에 들려서 데이터를 받고 그 데이터를 이동할 페이지로 전달했습니다. 그리고 실제로 페이지가 바뀌었죠. 그래서 페이지 이동 시 뒤로가기를 누르면 페이지 이동하기 바로전 페이지로 가게 됩니다. 그런데 처음 웹 교육을 받고 다른 웹 사이트를 만질 기회가 생겼는데 그곳에서는 게시글 목록에서 게시글을 누르면 상세 페이지로 넘어가는데 거기서 뒤로가기를 누르면 목록으로 가지 않아서 굉장히 불편했었던 기억이 있습니다. 그런데 그게 SPA 였다니! 한참 뒤에 알았습니다...주륵..

 

그 SPA를 이놈 Angular를 사용하면 만들수 있도록 도와줍답니다.

 

그럼 왜 굳이 한 페이지로 만드냐하면 생각해보세요.

페이지를 이동한다는 것은 네트워크에 트래픽을 유도하고 편이성마저 떨어집니다. 그리고 가장 중요한 속도 측면에서도 당연히 차이가 나게되죠. SPA는 초기 페이지로드(초기 구동속도를 SPA의 단점으로 꼽습니다.) 후에 SPA에서 네트워크를 통해 더 이상 HTML이 전송되지 않습니다. 대신 JSON, XML 같은 데이터만 서버에서 요청되거나 서버로 전송됩니다. 

 

그렇다고 SPA가 무조건적으로 사용되어야 한다! 이것은 아닙니다. 웹사이트의 목적에 따라 SPA가 좋을 수도 MPA(Multiple-Page Application)가 좋을 수도 있다고 하네요! 각 장단점은 검색해서 찾아보시길!

 

 

그럼 이만 마치겠습니다.