본문 바로가기

Tailwind CSS2

Spring Boot + Angular 프로젝트들 Spring Boot 와 Angular 의 조합은 제가 선호하는 프레임워크 스택입니다. 간단한 프로젝트부터 대규모 프로젝트까지 협업하기에도 좋은 선택지라고 생각합니다. GitHub에 공개된 프로젝트가 몇가지 있어서 소개해볼까 합니다. 1. Task CRUD GitHub : github.com/revfactory/spring-boot-angular-example 작년에 제가 공개한 프로젝트로 간단하게 CRUD를 작성한 프로젝트입니다. 블로그 포스팅을 위해 프로젝트를 업데이트 했습니다. Spring Boot 와 Angular 는 같은 저장소를 사용했으며, 포트로 분리하여 실행하거나, Angular 빌드도 가능합니다. 자세한건 Readme를 참조하세요. Spring 은 H2Database가 설정되어 있으며, .. 2021. 2. 21.
Angular 11 에 Tailwind CSS 를 적용해보자. Tailwind CSS 최근 CSS Framwork 조사 에서는 Tailwind CSS가 Bootstrap, PureCSS 등을 제치고 가장 많은 인기를 얻고 있다. Tailwind 는 HTML 문서에 class 를 정의해서 사용하는 방법으로 디자인을 구성할 수 있는데, 커스터마이징이 자유로운 편이고, 직관적이어서 CSS를 직접 다루는 개발자들에게 좋은 호응을 얻고 있다. 홈페이지 메인에서부터 아주 직관적인 사용법이 표현이 되어 있다. tailwindcss.com Angular 11 에 Tailwind CSS 적용하기 Angular 프로젝트에 Tailwind CSS 를 사용할때 유의해야할 점은 TailwindCSS 의 기본 CSS 파일의 사이즈가 아주 크다는 것이다. 현재 버전을 확인해보니 4.63MB .. 2021. 2. 21.