코딩 CSS 초보 벗어나기

Ghat GPT 저자, 라이프톡톡 역자 지음

작가와 2023년 07월 26일 출간

작품소개

책소개

이 책은 웹 개발자를 위한 CSS 코딩 기초부터 고급 기법까지를 다루는 실용적인 가이드입니다. 전문적인 지식을 쉽게 이해할 수 있는 예시와 함께 제공하여, 웹 개발자들이 보다 효과적이고 유연한 스타일링을 구현하고 최신 웹 트렌드에 부합하는 애플리케이션을 개발하는 데 도움을 줍니다. 실전 프로젝트와 CSS 최적화, 그리고 최신 동향까지 포함하여 포괄적인 내용을 제공합니다.

목차

1. CSS 소개
1.1 CSS란?
1.2 CSS의 역할과 중요성
1.3 CSS의 발전 역사

2. CSS 기본 문법
2.1 CSS 선택자
2.2 속성과 값
2.3 CSS 규칙 선언 방법
2.4 주석 처리

3. 스타일 적용 방법
3.1 인라인 스타일
3.2 내부 스타일 시트
3.3 외부 스타일 시트

4. CSS 셀렉터
4.1 요소 선택자
4.2 클래스 선택자
4.3 ID 선택자
4.4 그룹화 선택자
4.5 자식 선택자
4.6 후손 선택자
4.7 가상 클래스 선택자

5. 상속과 우선순위
5.1 스타일 상속
5.2 스타일 우선순위

6. 박스 모델
6.1 width와 height 속성
6.2 padding과 margin 속성
6.3 border 속성
6.4 box-sizing 속성

7. 레이아웃
7.1 display 속성
7.2 position 속성
7.3 float 속성
7.4 flexbox 레이아웃
7.5 grid 레이아웃

8. 텍스트 스타일링
8.1 폰트 스타일
8.2 텍스트 정렬
8.3 텍스트 장식
8.4 줄 간격과 단락 정렬

9. 배경과 그라디언트
9.1 배경 색상과 이미지
9.2 그라디언트 속성

10. 변환과 애니메이션
10.1 2D 변환
10.2 3D 변환
10.3 트랜지션
10.4 애니메이션

11. 미디어 쿼리
11.1 반응형 웹 디자인 소개
11.2 미디어 쿼리 기본 문법
11.3 미디어 타입

12. 브라우저 호환성과 접근성
12.1 브라우저 호환성 고려하기
12.2 웹 접근성

13. 실전 프로젝트
13.1 기본 레이아웃 작성하기
13.2 네비게이션 바 스타일링
13.3 카드 요소 디자인
13.4 반응형 웹 적용하기

14. 고급 CSS 기법
14.1 가상 요소와 가상 클래스
14.2 그리드 레이아웃 심화
14.3 다단(multi-column) 레이아웃

15. CSS 프리프로세서
15.1 Sass 소개
15.2 Sass 변수와 믹스인
15.3 Sass 중첩 규칙

16. CSS 프레임워크 소개
16.1 Bootstrap 소개
16.2 Foundation 소개

17. CSS 최적화와 성능 향상
17.1 CSS 최적화 방법
17.2 Critical CSS

18. CSS 모듈과 BEM 방법론
18.1 CSS 모듈 소개
18.2 BEM 방법론 소개

19. CSS-in-JS 소개
19.1 CSS-in-JS의 장단점
19.2 주요 CSS-in-JS 라이브러리 비교

20. 향후 학습 방향
20.1 고급 CSS 주제 학습
20.2 CSS 최신 동향과 미래 전망

작가정보

저자(글) Ghat GPT 저자, 라이프톡톡 역자

안녕하세요! 저는 웹 개발 분야에 깊은 관심을 갖고 있는 개발자입니다. 다양한 웹 기술과 언어를 활용하여 사용자들에게 뛰어난 사용자 경험을 제공하는 것에 열정을 가지고 있습니다. 웹 디자인과 프론트엔드 개발을 전문적으로 수행하며, CSS와 HTML을 포함한 웹 기술에 능숙합니다. 사용자 중심의 인터페이스 디자인과 최신 웹 트렌드를 따라가는 것을 좋아하며, 더 나은 웹 환경을 구축하기 위해 지속적인 학습과 연구에 힘쓰고 있습니다. 이 책을 통해 저의 경험과 지식을 공유하고, 독자들이 웹 개발 분야에서 성공할 수 있도록 도움을 드리기를 기대합니다. 감사합니다!