목록전체 글 (38)

console.log("연록")

[Angular] Angular 시작하기(local ver.) - (3) 장바구니 기능 구현

https://angular.kr/start/start-data Angular 가이드 Angular 가이드 angular.kr 장바구니 서비스 정의하기 1. 장바구니 서비스 생성(Angular Generator → Service) app 폴더 아래에 'cart'라는 이름의 service를 추가하기 위한 명령어 사용 ng generate service cart 이렇게 두 개의 파일 생성 ~cart.service.ts 확인~ 2. CartService 클래스 안에 items 프로퍼티(장바구니에 담긴 상품을 저장하는 배열) 정의 3. 장바구니에 상품을 추가하는 메서드와 장바구니에 담긴 상품 목록을 반환하는 메서드, 장바구니를 비우는 메서드 정의 장바구니 서비스 활용하기 1. product-details.com..
bone up/Angular 2022. 3. 17. 11:11
[Angular] Angular 시작하기(local ver.) - (2)네비게이션 추가하기

https://angular.kr/start/start-routing Angular 가이드 Angular 가이드 angular.kr 브라우저 주소 표시줄에 URL을 입력하면 해당 제품 화면으로 이동 싱글 페이지 애플리케이션에서 링크를 클릭하면 화면을 전환 브라우저의 "뒤로 가기", "앞으로 가기" 버튼을 누르면 브라우저 히스토리를 기반으로 이동 URL 경로와 컴포넌트 연결 이 애플리케이션에는 이미 Angular Router를 사용해 ProductListComponent로 화면을 전환하는 기능이 있음 지금은 상품의 상세정보 화면이동하는 라우팅 규칙을 추가 1. 상품의 상세정보를 표시하는 컴포넌트를 명령어로 생성 ng generate component product-details 잘 진행됐다면 이렇게 폴더와..
bone up/Angular 2022. 3. 16. 12:00
[Angular] Angular 시작하기(local ver.) - (1)

프로젝트 설정 1. 새 프로젝트 생성 프로젝트 생성 명령어 ng new 프로젝트 이름 - Would you like to add Angular routing? y (찾아보니 Y를 누르면 Angular의 라우터가 자동으로 프로젝트에 라우팅을 해준다고 함) - Which stylesheet format would you like to use? CSS (잘 모르겠어서 그냥 가장 익숙한 CSS로) 설치 완료 ~작업 영역 확인~ 2. 프로젝트 구동 우선 명령어를 통해 프로젝트로 접근 cd 프로젝트명 나의 경우 프로젝트 이름이 my-store이기 때문에 'cd my-store' 입력 디렉토리가 프로젝트로 변경되었다면 명령어로 프로젝트 구동 ng serve 프로젝트명 만약 구동과 동시에 화면을 보고 싶다면 ng se..
bone up/Angular 2022. 3. 16. 10:13
이전 Prev 1 ··· 4 5 6 7 8 9 10 ··· 13 Next 다음