angular21 앵귤러 기초(Angular basic) 5.템플릿, 컴포넌트 만들기 템플릿과 컴포넌트를 만들어보는 실습을 해보겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. 템플릿의 두 가지 작성법 bootstrap, fontawesome 설치 외부 라이브러리 글로벌 css설정 템플릿 만들기 컴포넌트 만들기 템플릿을 만드는 두 가지 방법 이전 포스트에선 AppComponet에 대한 인라인 템플릿을 만들었습니다. 위 예제는 Component의 메타데이터 에서 직접 템플릿을 정의 하고 이런 방식을 인라인 템플릿이라고 합니다. 하지만 이것이 componet에 대한 템플릿을 구축 할 수 있는 유일한 방법은 아닙니다. 템플릿을 작성한는 방법은 크게 두가지가 있습니다 인라인 템플릿 파일로 연결된 템플릿 1. 인라인 템플릿 메타데이터의 'template'속성을 사용하고 위와 같이 작은따옴.. 2022. 1. 16. 앵귤러 기초(Angular basic) 2.앵귤러 개발 환경 구축 앵귤러 개발에 필요한 환경 구축을 해보겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. 코드 편집기(VS Code) 설치 npm설치 및 npm 이해하기 Angular CLI를 이용한 앵귤러 애플리케이션 작성 및 실행 코드 편집기 설치 하기 타입스크립트를 지원하거나 플러그인을 통해 지원하는 많은 편집기가 있습니다. 많은 웹 개발자와 앵귤러 개발자들이 많이 사용하는 Visual Studio Code(이하 VS Code)를 선택하기로 하겠습니다. 다른 편집기를 사용해도 상관없지만, 타입스크립트를 지원하는 편집기를 고르면 앵귤러 코딩이 더욱 편하고 즐거워집니다. VS Code란 무엇일까요? 마이크로소프트에서 만든 코드 편집기입니다. Mac에서 Linux, Windows 및 OS X에서 실행됩니다. 자동.. 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 2 3 4 5 6 다음
