[앵귤러] SPA (Single Page Application)에 대한 고찰 웹/앵귤러 (Angular) 2020. 7. 31. 22:17 프런트엔트 라이브러리를 공부하다 보면 "단일 페이지 애플리케이션 (SPA)"이라는 용어가 자주 등장합니다. 이번 글에서는 앵귤러 및 기타 프론트엔드 라이브러리 또는 프레임워크에서 자주 등장하는 SPA(Single Page Application)의 개념과 특징들에 대해서 알아보도록 하겠습니다. 1. Single Page Application (SPA)의 의미 가장 기본적인 의미에만 충실하게 해석한다면, SPA(Singple Page Application, 단일 페이지 애플리케이션)는 말 그대로 하나의 페이지로 구성된 애플리케이션입니다. 사용자가 요청한 각각의 페이지를 서버가 생성해서 전달해주는 것이 아니라, 클라이언트가 동적으로 페이지를 다시 작성하는 방식이죠. 첫 페이지 요청시 단 한 번만 리소스(HTM..
앵귤러 학습을 위한 도우미 웹/앵귤러 (Angular) 2020. 6. 18. 23:59 앵귤러를 사용해보려 하시나요? 이번 글에서는 맨땅에 헤딩하고 온갖 삽질을 하면서 공부한 경험을 기반으로, 앵귤러를 학습하는데 도움이 될만한 사항에 대해서 이야기해볼까 합니다. 물론 기본적으로 HTML과 JavaScript, CSS에 대한 기본 지식이 우선이겠죠? 이번 글의 내용은 절대적인 것은 아니며, 전 영역을 두루 커버하는 것은 아닙니다. 100% 개인적인 경험에 의한 일부에 대한 내용이니 참고만 하시기 바랍니다. 1. 앵귤러를 시작하자! 일단 처음은 무조건 공식 튜토리얼을 이용하는 것이 좋습니다. (물론 문서는 마음에 들지 않습니다...) 오리지널 튜토리얼 : https://angular.io/docs 한글판 튜토리얼: https://angular.kr/docs 솔직히 좀 어렵습니다. 대체적으로 구..
앵귤러 (Angular)는 정말로 어려울까? 웹/앵귤러 (Angular) 2020. 6. 11. 01:59 극악의 러닝 커브로 명성을 떨치고 있는 앵귤러! 진정 학습 난이도가 높을까요? 이번 글에서는 앵귤러의 러닝 커브에 대해서 어느정도인지, 간략하게 다루어보도록 하겠습니다. 물론 어디까지나 개인 의견이므로 누구에게나 통용되는 사항은 아닙니다. 1. 통설 (通說) 인터넷에 프론트엔드 프레임워크를 비교하는 Vs. 류의 글을 찾아보면 백이면 백 다음과 같은 말들이 나와있습니다. "앵귤러는 학습 커브가 steep 하다!" 다른 프레임워크나 라이브러리 (Vue, React)를 다뤄보지 않고 Angular만 다뤄본 입장에서 정확하지는 않겠지만, 앵귤러 자체의 절대적 측면에서의 기준으로 어느 정도는 맞다고 할 수 있을 것 같습니다. 난이도는 둘째치고, 기본적으로 공부해야 할 분량이 많거든요. NgModule Compon..
앵귤러(Angular) 란? 특징 및 장단점 웹/앵귤러 (Angular) 2020. 6. 5. 22:51 앵귤러(Angular)는 클라이언트 (웹) 애플리케이션을 개발을 위해 만들어진 오픈소스 프레임워크입니다. 최근의 프론트엔드 라이브러리 (또는 프레임워크)로 React, Vue와 함께 자주 언급되고 있습니다. 이번 글에서는 앵귤러가 무엇인지, 특징과 장, 단점은 무엇인지에 대해서 살펴보도록 하겠습니다. 1. AngularJS로 시작하다. AngularJS는 단일 페이지 애플리케이션 (SPA, Single Page Application) 방식의 프론트엔드 개발을 위한 자바스크립트 프레임 워크 (또는 라이브러리)입니다. AngularJS는 동적 콘텐츠 작성을 하는 데 있어서 (당시로는) 획기적인 접근 방식으로 유행을 불러일으킬 만큼 많은 수요가 있었습니다. 자바스크립트에서 처리하던 부분의 많은 부분을 HTML..