화학의 눈으로 보면 녹색지구가 펼쳐진다 또는 현장에서 바로 써먹는 리액트 with 타입스크립트 > NEW도서

화학의 눈으로 보면 녹색지구가 펼쳐진다



도서명 : 화학의 눈으로 보면 녹색지구가 펼쳐진다
저자/출판사 : 원정현, 갈매나무
쪽수 : 224쪽
출판일 : 2023-01-13
ISBN : 9791197637957
정가 : 16000

시작하며 지구를 되살리는 데 화학이 왜 필요할까요?

Part 1. 편리한 만큼 무심했던, 일상의 화학물질들

〈1장 합성계면활성제, 꼭 청결하기만 할까?〉
- 샴푸가 기름때를 머리에서 떼어내는 원리
- 고작 비누로 코로나바이러스를 예방할 수 있을까?

〈2장 플라스틱, 일상을 지배하고 바다를 장악하다〉
- 플라스틱 없이 등교할 수 있을까?
- 하교 후 만나는 일회용 플라스틱, 환경에도 일회용일까?
- 플라스틱이 위험한 진짜 이유

〈3장 우리에게 닥친 실질적인 위협, 방사성 물질〉
- 원자력발전소는 멀지만 오염된 고등어구이는 가깝다
- 침대까지 침투한 방사성 물질, 라돈

Part 2. 보이지 않는 곳에서 돌고 도는, 이산화탄소 추적하기

〈4장 어디서 그 많은 이산화탄소가 나올까?〉
- 왜 전력을 아끼라고 할까?
- 편안한 주거와 맞바꾼 이산화탄소

〈5장 대기의 이산화탄소, 토양에 스며들다〉
- 복사평형이 깨진 지구의 운명은?
- 망가지는 토양, 풀려나는 탄소

〈6장 더는 바다에서 헤엄칠 수 없게 된다면?〉
- 바다가 대기 중 이산화탄소를 제거하는 시스템
- 대기 중 이산화탄소량 증가와 해양 산성화의 관계

Part 3. 물질 순환, 자연에 이미 답이 있다

〈7장 지구를 시스템이라고 말하는 이유〉
- 상호작용하며 균형을 유지한다는 것
- 물질 순환고리는 어떻게 작동해왔을까?

〈8장 생태계의 법칙에서 해법을 찾아보자〉
- 첫 번째 법칙: 모든 것은 서로 연결되어 있다
- 두 번째 법칙: 모든 것은 어딘가로 가게 되어 있다
- 세 번째 법칙: 자연에 맡겨두는 편이 가장 낫다
- 네 번째 법칙: 공짜 점심 따위는 없다

Part 4. 화학의 눈으로 보면 녹색지구가 펼쳐진다

〈9장 화학의 새로운 목표, 생태계와 조화 이루기〉
- 환경을 대가로 지불한 화학물질, 편리함과 파괴 사이
- 이제 목표는 지구 시스템의 물질 순환 회복!

〈10장 아직도 화학이 녹색과 상관없어 보인다면?〉
- 지구를 되살리는 데에는 화학이 빠질 수 없어
- 새롭게 디자인된 친환경 화학 들여다보기

〈11장 실체 없는 온실가스가 실제적인 위협이 되지 않도록〉
- 전 지구적 문제에 전 세계적 대응으로
- 이산화탄소 배출을 통제할 수 있을까?

〈12장 탄소중립을 위해선 실생활의 변화도 필요해〉
- 그저 생산하고 소비하면 끝일까?
- 플라스틱, 버리면 쓰레기이지만 재활용하면 새것이 된다

마치며 앞으로 우리 무엇부터 할까요?
참고자료




현장에서 바로 써먹는 리액트 with 타입스크립트



도서명 : 현장에서 바로 써먹는 리액트 with 타입스크립트
저자/출판사 : 김정헌, 심통
쪽수 : 576쪽
출판일 : 2023-06-27
ISBN : 9791197973079
정가 : 37000

1장 리액트란?
1.1 웹의 역사
1) 웹 1.0 - 웹 페이지 시대
2) 웹 2.0 - 웹 애플리케이션 시대
1.2 리액트의 특징
1) JSX
2) 단방향 데이터 바인딩
3) 가상 돔
4) 선언형 프로그래밍
5) 컴포넌트 기반
1.3 요약

2장 리액트 개발 환경
2.1 윈도우 개발 환경 설정
1) 초콜리티 설치
2) 노드 설치
2.3 리액트를 시작하는 방법
1) 스크립트 태그 추가
2) Webpack이나 Babel을 설정하여 개발
3) create-react-app
4) Next.js 프레임워크
2.4 create-react-app
1) create-react-app 설치
2) create-react-app으로 프로젝트 생성 및 실행
3) create-react-app 프로젝트의 폴더 구조
2.5 요약

3장 나의 첫 리액트 프로젝트
3.1 타입스크립트
1) create-react-app과 타입스크립트
2) create-react-app의 타입스크립트 템플릿 사용하기
3.2 스타일링
1) CSS와 Link 태그
2) CSS와 import
3) CSS-in-JS (Emotion)
3.3 절대 경로로 컴포넌트 추가
3.4 Prettier
1) Prettier 설치
2) Prettier 설정
3) Prettier 실행
3.5 ESLint
1) ESLint 설치
2) ESLint 설정
3) ESLint 실행
3.6 요약

4장 카운터 앱 - Props와 State 
4.1 Props와 State
4.2 프로젝트 준비
4.3 개발
1) 〈Container /〉 컴포넌트
2) 〈Title /〉 컴포넌트
3) 〈Label /〉 컴포넌트
4) 〈Button /〉 컴포넌트
5) State
6) Props
4.4 요약

5장 클래스 컴포넌트
5.1 클래스 컴포넌트
5.2 프로젝트 준비
5.3 개발
1) 〈Button /〉 컴포넌트
2) 〈Label /〉 컴포넌트
3) 〈App /〉 컴포넌트
5.4 라이프사이클 함수
1) constructor 함수
2) render 함수
3) getDerivedStateFromProps 함수
4) componentDidMount 함수
5) shouldComponentUpdate 함수
6) getSnapshotBeforeUpdate 함수
7) componentDidUpdate 함수
8) componentWillUnmount 함수
9) componentDidCatch 함수
10) 호출 순서
5.5 요약

6장 할 일 목록 앱 - Context API
6.1 Context API
6.2 프로젝트 준비
6.3 State와 Props로 할 일 목록 앱 개발
1) 〈Title /〉 컴포넌트
2) 〈Button /〉 컴포넌트
3) 〈ToDoItem /〉 컴포넌트
4) 〈ToDoList /〉 컴포넌트
5) useState로 할 일 목록 데이터 관리하기
6) 〈DataView /〉 컴포넌트
7) 〈TextInput /〉 컴포넌트
8) 추가 버튼 컴포넌트
9) 〈ToDoInput /〉 컴포넌트
10) 〈ShowInputButton /〉 컴포넌트
11) 〈InputContainer /〉 컴포넌트
6.4 Context API로 할 일 목록 앱 개발
1) 〈ToDoList /〉 생성
2) 〈App /〉 컴포넌트에 Provider 제공
3) 〈ToDoList /〉 컴포넌트: Consumer를 사용하여 Context 데이터 사용하기
4) 〈ToDoInput /〉 컴포넌트: Consumer를 사용하여 Context 데이터 사용하기
6.5 요약

7장 react-router
7.1 react-router
7.2 프로젝트 준비
7.3 개발
1) react-router
2) 〈DataView /〉 페이지 컴포넌트
3) 〈ToDoInput /〉 페이지 컴포넌트
4) 〈Header /〉 컴포넌트 추가
7.4 요약

8장 Fetch API 
8.1 Fetch API 
8.2 프로젝트 준비
8.3 개발
1) 〈Header /〉 컴포넌트
2) 〈BlogPost /〉 컴포넌트
3) 블로그 글 목록 State
4) useEffect 훅
5) Fetch API로 데이터 가져오기
6) 〈Button /〉 컴포넌트
7) 〈Form /〉 컴포넌트
8) 〈Form /〉 표시 State
9) 블로그 글 State 데이터
10) Fetch API로 블로그 글 등록하기
8.4 요약

9장 컴포넌트 주도 개발
9.1 컴포넌트 주도 개발
9.2 아토믹 디자인
9.3 스토리북
9.4 프로젝트 준비
9.5 스토리북 설치
9.6 스토리북 설정
9.7 스토리북 확인
1) .storybook 폴더
2) .eslintrc.js 파일
3) .npmrc 파일
4) package.json 파일
5) ./src/stories 폴더
6) ./src/stories/Button.tsx 파일
7) ./src/stories/Button.stories.tsx 파일
8) ./src/stories/Introduction.stories.mdx 파일
9.8 스토리북 실행
1) 메뉴
2) 컨트롤 패널
3) 액션 탭
4) 상단 메뉴 바 - 배경색
5) 상단 메뉴 바 - 화면 크기
9.9 요약

10장 컴포넌트 주도 개발 - 카운터 앱 
10.1 카운터 앱
10.2 프로젝트 준비
10.3 개발
1) 〈Title /〉 원자 컴포넌트
2) 〈Button /〉 원자 컴포넌트
3) 〈Count /〉 원자 컴포넌트
4) 〈Counter /〉 유기체 컴포넌트
5) 〈CounterApp /〉 템플릿 컴포넌트
6) 〈Home /〉 페이지 컴포넌트
7) 카운터 앱
10.4 요약

11장 CDD - 할 일 목록 앱 
11.2 프로젝트 준비
11.3 개발
1) 〈AppTitle /〉 원자 컴포넌트
2) 〈PageTitle /〉 원자 컴포넌트
3) 〈Label /〉 원자 컴포넌트
4) 〈Button /〉 원자 컴포넌트
5) 〈Input /〉 원자 컴포넌트
6) 〈Header /〉 유기체 컴포넌트
7) 〈ToDoItem /〉 유기체 컴포넌트
8) 〈InputToDo /〉 유기체 컴포넌트
9) 〈ToDoList /〉 템플릿 컴포넌트
10) 〈ToDoInput /〉 템플릿 컴포넌트
11) 〈ToDoListPage /〉 페이지 컴포넌트
12) ToDoList 컨텍스트
13) 〈ToDoInputPage /〉 페이지 컴포넌트
14) 〈NotFound /〉 페이지 컴포넌트
15) 할 일 목록 앱
11.4 요약

12장 CDD - 블로그 앱 
12.1 블로그 앱
12.2 프로젝트 준비
12.3 개발
1) 〈AppTitle /〉 원자 컴포넌트
2) 〈BlogTitle /〉 원자 컴포넌트
3) 〈BlogBody /〉 원자 컴포넌트
4) 〈Button /〉 원자 컴포넌트
5) 〈DialogTitle /〉 원자 컴포넌트
6) 〈Label /〉 원자 컴포넌트
7) 〈InputText /〉 원자 컴포넌트
8) 〈Input /〉 분자 컴포넌트
9) 〈Header /〉 유기체 컴포넌트
10) 〈BlogItem /〉 유기체 컴포넌트
11) 〈RegisterBlogDialog /〉 유기체 컴포넌트
12) 〈BlogList /〉 템플릿 컴포넌트
13) 〈BlogListPage /〉 페이지 컴포넌트
14) 블로그 앱
12.4 요약

부록
1. Lefthook
1) 프로젝트 준비
2) Lefthook 설치
3) Lefthook 설정
4) Lefthook 실행
5) Lefthook 적용
2. 배포