Front_End

02. Angular 시작하기

Angular 시작하기 타입스크립트의 개념과 특징 HELLO, Angular! 타입스크립트 타입스크립트(TypeScript)는 마이크로소프트에서 개발 및 유지되는 자바스크립트 슈퍼셋이다. 타입스크립트는 자바스크립트로 대규모 애플리케이션 개발을 위해 개발되었다. 자바스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다. - 위키백과 - 핵심은 안정적으로 어플리케이션을 개발하기 위해서 자바스크립트에 Something을 추가한 언어입니다. Sth 1. 자바스크립트 문법에 타입 정보 추가 Sth 2. 코드를 안정적으로 수정하고 오류를 검사할 수 있는 기능 추가 즉, 타입스크립트는 자바스크립트를 포함하고 있다고 생각하시면 됩니다. *'자바스크립트의 문법을 그..

01. Angular 준비하기

Angular 준비하기 Node.js의 기본 구성 및 개념 Node.js가 프론트엔드 개발에 필요한 이유 package.json 개념 Node.js의 기본 구성 및 개념 Node.js란? Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있습니다. NPM 이란? NPM은 Node Package Manager의 약자로 현재 Node.js에서 기본으로 사용하는 패키지 관리 도구입니다. 여기서 패키지란 JavaScript, HTML, CSS 등을 포함한 리소스들의 묶음입니다. node.js 설치 https://nodejs.org..

00. Angular의 개념/구조

00-1. Angular란? 무엇이냐고 묻는다면 '구글에서 개발한 SPA 프레임워크다' 라고 할 수 있다. 여기서 SPA는 Single Page Application의 약자로서 하나의 웹 페이지가 실행할 때 View 단에 해당하는 부분이 페이지의 주소가 바뀌지 않으면서 또 다른 새로운 view를 동적으로 로드하여 사용하는 것을 SPA라고 한다. view는 클라이언트 측 기술인 html/css/javascript들을 모아둔 컨테이너를 의미한다. 직관적인 설명을 위해 예를 들자면 facebook처럼 계속해서 스크롤을 내려도 view단이 새로고침이 되서 정보를 불러오는 형식이 아닌 추가되는 것이다. 다만 facebook은 react를 사용한다. 00-2. Angular의 구조 수식으로 표현하자면..