본문 바로가기

앵귤러28

앵귤러 기초(Angular basic) 3.angular component 지난 두 번의 포스트를 통해 앵귤러 환경구축을 했습니다. 그리고 angular cli를 이용하여 앵귤러 앱을 만들고 기동을 해보았습니다. 이번 포스트에선 angular component에 대해 알아보도록 하겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. component란 무엇인가 클래스 파악하기 Import문의 역할 Component 란 무엇인가 Component의 구성요소는 다음과 같습니다. template class decorator Angular Component는 템플릿으로 정의된 뷰, 클래스, 데코레이터로 정의된 메타데이터로 이루어져 있습니다. Template 템플릿은 애플리케이션 뷰를 표현하는 레이아웃으로 component의 구성 요소 중 하나 입니다. HTML로 작성을 하며 페이.. 2022. 1. 13.
앵귤러 기초(Angular basic) 1.앵귤러 시작하기 Angular는 웹을 구축하기 위한 프레임워크 입니다. 앵귤러를 사용하면 가벼운 웹사이트를 구축하거나, 기업에서 요구하는 수준의 제품을 구축 할 수 있습니다. 앞으로 포스팅을 통해서 그동안 프로젝트에서 해왔던 앵귤러를 정리 해보려고 합니다. 앵귤러의 구성요소, HTML배치, 데이터 바인딩, 서비스가 필요한 이유, Angular 애리케이션을 만드는 과정 등을 정리할 계획 입니다. 이번 포스트는 앵귤러, 자바스크립트, 타입스크립트의 기본적인 배경에 대해 이야기합니다. Angular란 무엇인가? 간단히 말해 Angular는 클라이언트 측 애플리케이션을 만들기 위한 자바스크립트(javascript) 프레임워크입니다. 이렇게 만들어진 애플리케이션은 브라우저에서 실행 됩니다. 모두가 쉽게 접할수 있는 HTML, C.. 2022. 1. 12.
개발 프로젝트 경험담 #2(Angularjs, Cordova) 지난 이야기 이제 막 웹 개발을 시작한 지 얼마 안돼 들어간 프로젝트는 코르도바와 angularjs를 쓰는 현장이었다. 그동안 웹 프로젝트 경험이라곤 철 지난 jquery가 대부분이었고, javascript는 하는 게 별로 없는 쉬운 녀석이라고 생각했던 완전 초보 개발자 시절이었다. 그런 내 앞에 뜬금없이 나타난 angularjs를 꾸역꾸역 해나갔고 페이지가 하나하나 완성될 때쯤 보이지 않았던 녀석이 눈에 보이기 시작했다. 그 녀석의 이름은 코르도바. 코르도바 너 도대체 뭐니 화면단이 하나씩 기능을 갖추자 여김 없이 매니저들은 슬슬 단말에서 테스트를 해보자고 했다. 그렇다, angularjs로 웹페이지 개발을 했지만 우리 프로젝트는 웹이 아니라 앱을 만드는 것이었다. 코르도바를 이용했던 것은 Javasc.. 2022. 1. 11.
개발 프로젝트 경험담 #1(Angularjs) #1 앵귤러와 만나다.(코르도바에서..) 나는 초보 개발자였고, 첫 앵귤러 프로젝트는 Angularjs였다. 정확히는 Cordova프로젝트 안의 Angularjs 였다. Angularjs와 Angular는 비슷하지만 완전히 다르다. Angular는 초기에는 Angularjs라는 이름이었지만 버전 2로 업데이트할 때 Angular로 개명되었다. Angularjs는 javascript기반인 프레임워크이고, Angular는 typescript기반이다. 기업에서는 앱을 개발하자니 앱 개발자가 부족했(비쌌)고, 웹으로 개발하자니 앱이 주는 이점을 놓치기는 싫었나 보다. 그 시기에는 코르도바가 한때 유행했었고 나도 코르도바와 Angularjs를 경험 할 수 있었다. #2 Cordova를 왜 사용하지? 우리 프로젝트.. 2022. 1. 10.