얄코의 Too Much 친절한 HTML+CSS+자바스크립트 또는 소재가 경쟁력이다 > NEW도서

얄코의 Too Much 친절한 HTML+CSS+자바스크립트



도서명 : 얄코의 Too Much 친절한 HTML+CSS+자바스크립트
저자/출판사 : 고현민, 리코멘드
쪽수 : 696쪽
출판일 : 2024-02-01
ISBN : 9791198364258
정가 : 32000

PART 01 갖다 놓는 HTML

CHAPTER 01 시작하기 전에
_LESSON 01 HTML, CSS, 자바스크립트가 뭔가요?
__갖다 놓는 HTML, 꾸며 주는 CSS, 일을 시키는 자바스크립트
__왜 HTML, CSS 등으로 작성한 것은 ‘문서’라고 하나요?

_LESSON 02 환경 설정하기
__웹 브라우저 설치하기
__VS Code 설치하기
__VS Code에서 프로그래밍이 쉬워지는 옵션 설정하기
__VS Code에서 유용한 플러그인 설치하기
__얄코의 친절한 HTML 노트

CHAPTER 02 기본 태그로 첫 웹 페이지 만들기
_LESSON 03 첫 웹 페이지 만들기
__index.html 파일 만들기
__첫 웹 페이지 요소 입력하기
__페이지 소스 보기

_LESSON 04 첫 태그 사용하기
__태그 알아보기
__제목 태그와 문단 태그
__텍스트 관련 태그
__태그 속성 사용하기

_LESSON 05 태그로 여러 요소 나열하기
__목록을 표현하는 태그
__용어와 정의를 나열하는 태그
__얄코의 친절한 HTML 노트

CHAPTER 03 웹 페이지에 다양한 요소 넣기
_LESSON 06 이미지 태그 사용하기
__절대 경로와 상대 경로로 이미지 넣기
__이미지 크기 조절하기

_LESSON 07 표 사용하기
__기본 테이블 태그
__테이블 영역 태그
__셀 병합 태그
__열 그룹 태그

_LESSON 08 다른 곳으로 링크하기
__a 태그로 링크 이동하기
__id 값으로 원하는 위치로 이동하기
__태그로 연락처 연결하기
__얄코의 친절한 HTML 노트

CHAPTER 04 사용자로부터 입력받기
_LESSON 09 form 태그 사용하기
__form 태그의 속성
__form 태그 안 요소 그룹화하기

_LESSON 10 input 태그 사용하기
__텍스트 관련 input 태그
__숫자 관련 input 태그
__체크 관련 input 태그
__기타 input 태그
__input 태그 공통 속성

_LESSON 11 기타 다른 태그 사용하기
__textarea 태그
__옵션 선택 관련 태그
__정도를 표현하는 태그
__pre 태그
__iframe 태그
__알아두면 좋을 태그들
__아무것도 하지 않는 태그
__얄코의 친절한 HTML 노트


PART 02 꾸미는 CSS

CHAPTER 05 CSS 기본 지식 알기
_LESSON 12 CSS 적용 방법과 선택자
__CSS를 적용하는 세 가지 방법
__기본 선택자
__태그 선택자
__클래스 선택자
__id 선택자
__그룹 선택자

_LESSON 13 결합자와 가상 클래스
__자손 결합자
__동생 결합자
__가상 클래스
__얄코의 친절한 CSS 노트

CHAPTER 06 글자와 텍스트 스타일 적용하기
_LESSON 14 글자 스타일
__기울임과 굵기
__글자 크기
__글자 꾸미기

_LESSON 15 문단과 목록 스타일
__정렬과 간격
__목록 스타일
__얄코의 친절한 CSS 노트

CHAPTER 07 인라인과 블록 및 박스 모델 이해하기
_LESSON 16 인라인 요소와 블록 요소
__기본 너비와 개념
__너비와 높이 조절하기
__가로 공간 차지하기
__여백 적용하기

_LESSON 17 박스 모델
__요소의 크기
__바깥쪽 여백과 안쪽 여백
__테두리 속성
__박스 그림자 속성
__얄코의 친절한 CSS 노트

CHAPTER 08 색과 이미지로 웹 페이지 꾸미기
_LESSON 18 색 표현하기
__색을 표현하는 네 가지 방법

_LESSON 19 배경 꾸미기
__이미지를 배경에 사용하기
__배경에 그라데이션 넣기
__얄코의 친절한 CSS 노트

CHAPTER 09 포지셔닝과 레이아웃
_LESSON 20 포지셔닝
__position 속성
__z-index 속성

_LESSON 21 Flex 레이아웃
__부모에 적용하는 Flex
__자식에 적용하는 Flex

_LESSON 22 요소를 감추는 방법들
__CSS에서 요소를 숨기는 세 가지 방법
__마우스 커서 모양 바꾸기
__얄코의 친절한 CSS 노트


PART 03 HTML 더 깊이 알아보기

CHAPTER 10 용도에 따른 태그 사용하기
_LESSON 23 상단의 태그들
__DOCTYPE
__head 태그

_LESSON 24 시맨틱 태그
__시맨틱 태그 사용의 장점
__시맨틱 태그의 종류

_LESSON 25 기타 미디어 삽입하기
__SVG 이미지
__오디오와 동영상
__얄코의 친절한 HTML 노트

CHAPTER 11 모두가 이용할 수 있는 웹사이트 만들기
_LESSON 26 웹 접근성
__alt 속성으로 이미지 설명하기
__숨겨 놓은 요소 설명하기
__aria-label 속성
__aria-hidden 속성과 role 속성
__figure 태그와 figcaption 태그

_LESSON 27 가독성을 위한 이름 짓기
__태그 위주로 이름 짓기
__클래스 위주로 이름 짓기
__BEM으로 이름 짓기
__얄코의 친절한 HTML 노트


PART 04 CSS 더 깊이 알아보기

CHAPTER 12 요소를 지정하는 세련된 방법
_LESSON 28 반복 및 공통되는 스타일
__다른 CSS 파일 임포트하기
__CSS 변수 사용하기

_LESSON 29 선택자 심화
__특성 선택자
__가상 클래스

_LESSON 30 상속과 리셋
__상속되는 속성, 상속되지 않는 속성
__모든 속성 리셋하기

_LESSON 31 벤더 프리픽스
__벤더 프리픽스 사용하기
__얄코의 친절한 CSS 노트

CHAPTER 13 서체와 테이블 스타일링하기
_LESSON 32 서체와 웹 폰트
__font-family 속성
__웹 폰트 적용하기

_LESSON 33 텍스트 심화
__vertical-align 속성
__white-space 속성
__text-overflow 속성

_LESSON 34 테이블 스타일링
__테이블 스타일 속성
__테이블 요소의 display 속성
__얄코의 친절한 CSS 노트

CHAPTER 14 레이아웃 변형과 애니메이션으로 효과 주기
_LESSON 35 float 속성
__float 속성과 clear 속성
__부모의 크기 문제 해결하기

_LESSON 36 Grid 레이아웃
__부모에 적용하는 Grid
__자식에 적용하는 Grid

_LESSON 37 변형과 애니메이션
__transform 속성
__transition 속성
__animation 속성
__얄코의 친절한 CSS 노트

CHAPTER 15 반응형 웹과 CSS 추가 지식 알아보기
_LESSON 38 반응형 웹
__적응형 웹 vs 반응형 웹
__반응형 웹 만들기

_LESSON 39 기타 알아두면 좋을 속성들
__clip 속성과 clip-path 속성
__scroll-snap 속성
__aspect-ratio 속성
__backdrop-filter 속성

_LESSON 40 프레임워크와 라이브러리
__프론트엔드 프레임워크
__아이콘 라이브러리
__얄코의 친절한 CSS 노트


PART 05 HTML과 CSS를 활용한 파이널 프로젝트

CHAPTER 16 코딩 강좌 웹사이트 제작하기
_LESSON 41 프로젝트 설치 및 환경 설정
__프로젝트 설치하기
__style.css 파일 완성하기

_LESSON 42 상단 인트로
__intro.css

_LESSON 43 헤더와 메뉴
__header.css

_LESSON 44 메인과 about
__main.css
__about.css

_LESSON 45 HTML & CSS 섹션
__html-css.css

_LESSON 46 커리큘럼
__curriculum.css

_LESSON 47 문의하기와 푸터
__contact.css
__footer.css


PART 05 시키는 자바스크립트

CHAPTER 17 시작하기 전에
_LESSON 48 실습 환경 구축하기
__실습 도구

_LESSON 49 콘솔과 주석 활용하기
__콘솔
__주석
__얄코의 친절한 JavaScript 노트

CHAPTER 18 자바스크립트 기본 지식 알기
_LESSON 50 변수와 상수에 데이터 담기
__변수와 상수
__식별자 명명 규칙

_LESSON 51 기본 자료형과 연산자
__자료형
__연산자

_LESSON 52 객체와 배열
__객체
__배열

_LESSON 53 조건문
__if / else 문
__switch 문

_LESSON 54 반복문
__for 문
__while 문

_LESSON 55 함수
__함수의 정의
__함수의 활용
__얄코의 친절한 JavaScript 노트

CHAPTER 19 HTML과 CSS에 자바스크립트 더하기
_LESSON 56 HTML 요소 선택 및 조작하기
__DOM의 개념
__요소를 선택하는 방법
__선택된 요소를 조작하는 방법

_LESSON 57 이벤트 추가하기
__이벤트
__이벤트 객체
__얄코의 친절한 JavaScript 노트

CHAPTER 20 파이널 프로젝트 보완하기
_LESSON 58 기존 데이터에 요소 만들기
__내비게이션
__about

_LESSON 59 이벤트 애니메이션 만들기
__커리큘럼
__문의하기
__모바일 메뉴 버튼

__찾아보기




소재가 경쟁력이다



도서명 : 소재가 경쟁력이다
저자/출판사 : 이영관, KMAC
쪽수 : 304쪽
출판일 : 2023-10-11
ISBN : 9788990701565
정가 : 18000

prologue_ 못하는 것, 안 하는 것, 없는 것을 한다

Chapter 1 주도하는 삶을 살라

긴 호흡으로 삶을 바라보라
초대 사장을 맡아 주세요 | 사원으로 출발해 회장이 되다
반박자 늦은 진급 | 현장이 만든 존재감 | 묵묵히 견디면 기회는 온다

가장 싫어하는 말, ‘월급쟁이’
정면으로 달려들어 즐겨라 | 해결하지 못할 문제는 없다

아버지가 남긴 ‘유산’
논란이 생길 수 있는 일은 양보하라 | 적을 만들지 않는 비결

가르쳐 주지 않으면 직접 배워라
신사업 진출이 물거품 되다 | 귀동냥으로 핵심 기술을 습득하다
‘한 팀’의 열정이 불가능을 녹이다

사람이 가장 중요하다
‘외인부대’로 새로운 팀을 구성하다
낮에는 공사하고 밤에는 공부하다 | 빛나는 청춘의 열정

간절하면 하늘도 돕는다
파단과의 전쟁 | 이병철 회장에게 받은 영광스러운 상

우리도 ‘애국’ 한번 해봅시다
일본 연수를 중단하고 귀국하다 | 옷 벗을 각오로 던진 ‘폭탄선언’ | 기술자는 애국자

미치지 않으면 이루지 못한다
국내 시장을 넘어 세계 1등의 포부 | 내 인생의 행복한 ‘블랙아웃’

구성원들의 마음을 얻는 일
이름은 가슴으로 외운다 | 마음을 주고받는 SNS 소통 | 코로나와 싸워 준 퇴직 ‘예비군들’

화학섬유 산업의 역사를 새로 쓰다

Chapter 2 소재가 세상을 바꾼다

누구나 도레이 소재 하나쯤 사용하고 있다
일상, 없는 곳이 없다 | ‘소 · 부 · 장’ 산업의 핵심

부가가치를 ‘코팅’하다
‘원단’만으로는 돈 벌기 어려운 세상 | 기술 개발, 문제는 ‘타이밍’
새로운 도전에는 반대가 뒤따른다

원하는 것을 얻는 법
시장은 생각보다 빠르게 변한다 | 거절할 수 없는 제안 | 상대방이 필요한 것도 고민하라

인건비를 보지 말고 시장을 보라
팔방미인 부직포 | 눈으로 보고 결정하라 | 중국 땅에서 성공 신화를 만들다

현지에 가면 현지인이 되라
해외 진출을 위한 세 가지 원칙 | 중국을 넘어 인도네시아, 인도까지

중국 ‘바이주’의 공격에 한국식 ‘폭탄주’로 맞서다

실수를 딛고 성장하다
스판덱스 사업의 아쉬운 철수 | 두고두고 뼈아픈 편광필름 사업

매력적인 미래 소재 산업
탄소섬유를 향한 ‘짝사랑’ | 철보다 강한 실 | 한국 최초 탄소섬유 공장을 짓다

소재는 완제품보다 앞서가야 한다
전기 자동차를 위한 최고의 소재 | 드론과 UAM, 탄소섬유로 날다

토머스 에디슨과 탄소섬유

Chapter 3 변화와 혁신의 리더가 되라

30년을 내다보고 지은 ‘꿈의 공장’
376가지 문제점을 찾아내다 | 공장 화장실을 신라호텔처럼 만들다 | 위기에서 회사를 살린 공장

직원들의 마음을 얻다
경영자의 최고 임무 | 한계를 넘는 이익에 도전하다 | 투명하고 솔직하게 공유하라

물(水) 전쟁의 승자는 인류여야 한다
역삼투압 정수기 필터 최초 개발 | 핵심 기술 유출이라는 ‘흑색선전’ | 깨끗한 물을 만드는 기술의 중요성

‘막(膜)ʼ이라면 자신 있다
배터리를 가로지르는 얇은 ‘분리막’ | 본사에 뉴 비즈니스를 제안하다

‘슈퍼’ 플라스틱, 새만금에 유치
섭씨 300도 고온에도 끄떡없다 | 새만금으로 극적인 유턴
바다 매립지의 악조건을 넘어 | 도레이 기술을 한 단계 업그레이드

기저귀가 방역용 마스크로 변신하다
마스크 대란 해결에 나서다 | 국민 건강에 이바지했다는 자부심

최고경영자의 세 가지 덕목
선견력, 리더십, 균형감각 | 의사결정 원칙 I.O.C

세계 최초에서 세계 최고까지

Chapter 4 현장에 답이 있다

화공학도, 삼성에 입사하다
화학공업이 들불처럼 일어나다 | 까다롭다는 ‘삼성고시’를 통과하다 | 달랑 질문 하나로 끝난 면접

현장이 좋은 이유
현장에서 실력을 쌓다 | 어색한 흰 와이셔츠와 넥타이 | 일신보다 회사의 자존심을 지키다

현장의 소통은 곧 ‘죽고 사는 문제’
현장 사나이들을 사로잡은 ‘큰형님’ | 안주가 떨어지는 날이 없던 우리 집 | 방생한 물고기를 낚다

모두의 ‘땀’으로 쓴 최고의 오버홀 매뉴얼
벽에 붙인 대형 종이 50장 | 의무실로 실려 가다

현장은 방심을 허용하지 않는다
가장 아끼던 동료를 잃다 | 사표를 쓰다
현장관리 원칙을 만들다 | 안전관리의 목표는 ‘제로(zero)’

태풍이 불기 전에 대비하라
모두를 생각하는 구조조정도 있다 | 젊은 사람이 입사하고 싶은 기업

환경을 보호하는 선순환 사이클
환경기사 시험에 도전하다 | 금붕어가 사는 폐수 처리장 | 균형 있는 환경론자

인화로 인수합병을 이루다
떠나는 사람, 남는 사람 | 또 한 번의 기회가 찾아오다 | 청춘을 바친 공장에 돌아오다

“해외 출장 갈 일 있으면 이영관에게 물어봐라”

Chapter 5 배움에는 끝이 없다

공부하지 않으면 앞으로 나아갈 수 없다
용접 전문가까지 초빙해서 공부하다 | 50대 석사, 만학도의 도전
60대 경영학 박사, 생산 라인 효율성 평가모형 개발

격물익세(格物益世), 창신해락(創新偕樂)
연구 개발도 속도가 중요하다 | 영원히 잘 팔리는 제품은 없다 | 인재, 인프라, 비전의 3박자

한국의 노벨상을 꿈꾸다
기업의 사회적 역할과 책임 | 공익재단법인 한국도레이과학진흥재단 설립

지역사회와 함께하지 않으면 기업의 발전도 없다
우리는 구미를 떠나지 않는다 | 구미사랑 페스티벌, 시민들에게 감사를 | 밤하늘을 가득 채운 뜨거운 함성

인생의 나침반이 되어 준 롤 모델
존경받는 사람은 이유가 있다 | 평생 잊지 못할 상사 | 국경을 넘어 신뢰를 쌓다

나의 버킷리스트
가족과 함께하는 세계 일주 | 에이지 슈터의 꿈 | 구미에서 1년 살아 보기

멈추지 않는 도전
외국계 기업이라는 편견의 벽을 넘다 | 일의 진정한 의미
인생을 성공적으로 사는 법 | 100년 기업을 향한 꿈

epilogue_ ‘나’ 아닌, ‘우리’ 모두의 이야기