검색 노출을 위해 sitemap.xml, robots.txt를 사이트에 노출시켜야 합니다.Angular에서도 당연히 노출을 시켜줘야겠죠 ?방법 절대 어렵지 않습니다 :)시작해보겠습니다. 1. src 폴더 안에 sitemap.xml, robots.txt 파일을 넣습니다.2. angular.json 파일에 robots.txt와 sitemap.xml을 추가합니다. 이상 sitemap, robots.txt 등록하는 모든 세팅은 끝났습니다.오늘도 해피 코딩하세요 :)감사합니다 !
Lazy-loading-ngmodules를 사용하는 이유SPA(Single Page Application)의 단점인 초기 구동 속도를 Angular로 피해갈 수는 없다. 프로젝트가 커지면 커질 수록 더 초기 구동 속도가 느려질 것이다. 그래서 이번 시간에는 초기 구동 시 전체 모듈을 불러오지 않고 관련한 모듈 페이지 로딩 시 불러올 수 있게 구글에서 만들어 놓은 Lazy-loading-ngmodules에 대해 알아보자. Lazy-loading-ngmodules를 먼저 알기 전 Angular route 기능에 대해 이해하고 들어갔으면 좋겠다. 자 그럼 이제 시작해보자.1. app-routing (root)를 위한 app-routing.module.ts 를 만들어 보자 만약 새로운 프로젝트를 시작한다면 아래..
Angular 2+ 프로젝트를 3개 이상 진행해보면서 수백번 빌드하여 배포를 했었다.기본적인 빌드 방법 및 지식은 알고 있었지만 조금 더 파해쳐보고 싶어 다시 한번 머리속으로 정리할겸 포스팅을 시작한다. Angular 에서 빌드 시 JIT, AOT로 빌드를 할 수 있다. 기본 세팅으로는 Angular CLI로 빌드 시 JIT 방식으로 빌드를 한다. 하지만 수많은 사람들이 JIT 방식보다는 AOT 방식을 많이 선호하고 사용한다.그 이유에 대해서 알아보자. JIT (Just In Time) 란 ?프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일하는 방식-> 브라우저에 필요한 바이너리를 스스로 이해하지 못하기 때문에 브라우저가 필요하고 필요함에 있어서 JavaScript 파일을 로드하면 해당 바이너리로..
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 클래스 컴포넌트
- useState
- 리엑트
- github
- 깃헙
- Es5
- Let
- TypeScript
- window
- ES6
- class component
- useEffect
- array
- Prototype
- 함수 컴포넌트
- scope
- Function Component
- react
- this
- JavaScript
- website
- const
- string
- 웹사이트
- 가상돔
- Angular
- virtual dom
- NestJS
- 클래스형 컴포넌트
- HTML
- Total
- Today
- Yesterday