본문 바로가기

CSS

자몽톡과 더덕마켓 클론 코딩으로 배우는 Sass 문법이 아닌 스타일 설계 감각을 익히다모던 CSS 기능이 늘어나면서 스타일을 정리할 수 있는 선택지가 많아졌지만, 여전히 규모 있는 프로젝트에서는 구조를 세우고 반복을 줄이는 일이 쉽지 않다. 이 책은 CSS를 이미 써본 사람, 그래서 오히려 더 답답해진 사람을 위해 Sass를 제대로 쓰는 방법을 안내한다. Sass를 새롭게 외우는 대신, 모던 CSS와의 관계 속에서 CSS를 더 잘 쓰기 위한 확장 도구로 이해시키고, 왜 이런 기능이 필요한지부터 실제로 어디에 써야 효과가 나는지까지 기준을 제시한다.주석과 중첩 규칙 같은 기초부터 변수, 믹스인, 함수, @extend까지 핵심 기능을 차근히 다루고, 조건문과 미디어 쿼리로 스타일을 더 유연하게 구성하는 방법도 정리한다. 후반부에는 ‘자몽톡’ 메신저 앱과 .. 더보기
CSS는 익숙한데 점점 버거워질 때, Sass가 필요한 이유 CSS를 꽤 오래 써오신 분일수록 이런 순간이 옵니다. 처음엔 클래스 몇 개로 충분했는데 페이지가 늘어나고 컴포넌트가 쌓이면서 스타일이 서로 엉키기 시작합니다. 어디를 고치면 어디가 깨질지 감이 안 옵니다. 이쯤 되면 기술 문제가 아니라 설계 문제라는 걸 느끼게 됩니다. 《자몽톡과 더덕마켓 클론 코딩으로 배우는 Sass》는 바로 그 지점에서 출발하는 책입니다. Sass 문법을 외우게 하는 책이 아니라 스타일을 어떻게 나누고 반복을 어떻게 줄이며 규모 있는 CSS를 어떻게 유지할지에 집중합니다. Sass를 CSS를 대체하는 무언가로 다루지 않고 CSS를 더 잘 쓰기 위한 확장 도구로 설명한다는 점이 이 책의 핵심 태도입니다. 책의 전반부에서는 Sass가 왜 필요한지부터 짚습니다. 전처리기가 뭔지 작동 .. 더보기
실무에 바로 적용하는 웹 접근성 가이드북 웹은 모든 사람에게 평등해야 한다 이 책은 웹 접근성을 고려한 개발이 단순한 규칙 준수를 넘어, 모든 사용자가 편리하게 웹을 이용할 수 있도록 돕는 강력한 방법임을 보여준다. 프런트엔드 개발자를 위해 웹 접근성 가이드라인, ARIA 활용법, 리액트 실습 예제를 체계적으로 정리했으며, API 문서처럼 활용할 수 있는 참고 자료까지 포함해 실무에서 곧바로 적용할 수 있도록 구성했다. 웹 접근성을 처음 배우는 입문자뿐만 아니라, 이미 경험이 있는 개발자에게도 더 나은 사용자 경험을 제공하는 방법과 실무 적용 노하우를 제시한다. 웹 접근성을 고려한 개발이 곧 더 효율적인 개발임을 이 책을 통해 직접 경험해보자. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [쿠팡] .. 더보기
웹 접근성… 그거 꼭 해야 해요? “그거 하면 속도 느려지지 않나요?”“스크린 리더 쓰는 분이 얼마나 되는데요?”“React에서 접근성 신경 쓰는 사람 진짜 있나요?” 자주 듣는 질문들이지만, 이 질문들이 생기는 건 당연합니다.왜냐하면 우리가 접근성을 제대로 배울 기회가 없었거든요.그래서 준비했습니다.그냥 이 책만 보면 되게요!이 책은 단순히 '접근성이 중요하다'를 말하는 데 그치지 않습니다.어떻게, 왜, 어떤 태그를, 어떤 속성을 써야 하는지React 컴포넌트를 중심으로 하나하나 뜯어보며 설명합니다.Accordion, Tab, Dialog, Slider…여러분이 지금 쓰고 있는 그 컴포넌트들을스크린 리더는 어떻게 읽을까요?키보드 탐색은 가능한가요?이 책은 그런 궁금증에 정확히 답합니다.이 책에서 가장 좋았던 건…접근성을 '기술적 의무'.. 더보기
웹 개발 새로고침 웹 개발의 큰 그림을 보다 이 책은 웹 프로그래밍을 처음 배우려는 사람, 웹 프로그래밍의 전체 과정을 알고 싶은 사람을 위해 쓰였다. 먼저 웹 프로그램의 전체 구조와 작동 원리를 알아본 후 중고 서적 거래 서비스를 만드는 웹 프로그램을 구현해본다. 특정 프레임워크나 라이브러리에 종속되는 것을 최소화해서 HTML, CSS, 파이썬, 자바스크립트, 플라스크, 파이참, 익스프레스, Node.js를 사용해 실습하며, 컴퓨팅 클라우드와 웹 서버의 개념을 살펴본 후 웹 프로그램을 AWS에 배포하는 방법도 익힌다. 부록으로는 깃과 깃허브 사용법을 제공해 소스 코드를 체계적으로 관리할 수 있도록 했다. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [인터파크] [쿠팡] 전자책 구매 사.. 더보기
웹 개발을 새로 고친다니? 이게 뭔 소리래 《웹 개발 새로고침》을 편집하면서 가장 많이 들은 말이 “제목이 대체 무슨 뜻이냐”였습니다. 이 책에서 ‘새로고침’의 뜻은 이렇습니다. 현직자라면 알고 있던 웹 개발 지식을 최신 기술 트렌드로 ‘새로 고치고’, 입문자라면 처음부터 ‘새로 고친’ 지식으로 차근차근 배우고, 웹 개발을 하려면 프레임워크나 라이브러리부터 배워야 한다는 낡은 생각도 ‘새로 고칩니다’. 프레임워크나 라이브러리부터 배우지 않으면 뭘 배우냐고요? 바로 ‘웹 프로그램의 구조와 작동 원리’입니다. 웹 프로그램이 어떻게 생겨먹었는지, 어떻게 돌아가는지부터 알아야 새로운 프레임워크나 라이브러리를 써도 더 잘 쓰지 않을까요? 책에서는 웹 서비스와 웹 프로그램의 큰 그림인 구조와 작동 원리를 설명합니다. 웹 서비스를 구성하는 서버-클라이언트 모.. 더보기
나의 첫 HTML & CSS 웹 디자인 이토록 쉬운 웹 디자인 책을 기다려왔다 웹 제작을 전혀 몰라도 이 책 한 권이면 HTML과 CSS의 기본을 확실히 익힐 수 있다. 귀여운 만화와 풍부한 일러스트로 보는 재미까지 더했다. 멋진 웹 디자인의 SNS 링크 모음 사이트, 블로그 사이트, 웹 초대장 사이트, 레스토랑 사이트를 따라 만들면서 기초적인 내용은 물론 Flexbox 레이아웃, CSS 그리드 레이아웃, 반응형 웹 디자인, CSS 애니메이션까지 배운다. 부록으로는 웹사이트 공개 방법, 제작을 도와주는 추천 사이트 모음, 치트시트, 사이트의 샘플 디자인 XD 데이터를 제공한다. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [인터파크] [쿠팡] 전자책 구매 사이트(가나다순) [교보문고] [구글북스] [리디북스.. 더보기
혹시... 나만의 웹사이트를 만들어보고 싶지 않으신가요? 혹시 ‘나만의 웹사이트’를 만들어보고 싶지 않으신가요? 이 책의 편집자는 코딩을 배우자마자 저만의 웹사이트를 만들었어요(놀러 오세요). 템플릿을 써서 어찌어찌 만들어보기는 했으나 더 멋지게 만들려면 어떻게 해야 하는지는 오리무중이었습니다. 이 책을 편집하면서 편집자는 깨달았습니다. 제가 바라던 초보자를 위한 웹 디자인 책이 바로 이 책이라는 것을요! 일단 너무 귀엽고요, 결과물이 멋져 너무 뿌듯합니다. 만화만 봐도 아시겠죠? 이 책이 얼마나 재밌고 쉬울지 말이예요. 책을 펼치면 귀여운 카피바라 캐릭터 ‘카피조우’가 우리를 반겨요. 카피조우는 카피코에게 데이트 신청을 하기 위해 SNS 링크 모음 사이트를 만들고, 당근 농장 홍보를 위해 업무용 블로그 사이트를 만듭니다. 카피코와 결혼하기로 한 카피조우는 웹.. 더보기

티스토리툴바