신입 웹 엔지니어가 알아야 할 생생한 프런트 엔드와 서버사이드 기술 안내서!
이제는 풀 스택 엔지니어가 아니라도 웹 기술에 대한 폭넓은 시야가 필요하다 : 최근 풀 스택 엔지니어라는 말이 화제가 되고 있다. 이 말에 이견도 있겠지만 웹 엔지니어로서 계속 일하려면 강점이 될 분야의 전문성과 다른 분야에 대한 폭넓은 시야가 필요하다. 이 책은 현업에서 많이 사용하는 프런트와 서버 쪽 기술을 이해하기 쉽게 정리했다.
다양한 기술 중 현업에서 많이 사용하는 기술과 서비스를 다뤘다 : Ruby on Rails, PHP, NoSQL, 프런트 엔드 구현, 로그 처리, 데이터 시각화, 환경 구축 자동화 등 현업에서 많이 사용하는 기술을 다뤘으며, 손을 움직여 직접 실습할 수 있게 구성했다.
현업 웹 엔지니어가 신입사원이 꼭 알아두길 바라는 내용을 다뤘다 : 이 책에서 설명한 내용은 우리 회사의 신입사원이 꼭 알아두었으면 하는 관점에서 선정했다. 웹 엔지니어가 어떤 일을 하는지부터 프런트 엔드, 서버사이드 기술까지 골고루 담았으므로 신입사원 교육에도 사용할 수 있다.
목차
1장 웹 엔지니어
SECTION 01 웹 엔지니어는 어떤 일을 할까
- 웹 엔지니어
- 웹 엔지니어가 하는 일
SECTION 02 필요한 기술 영역
- HTML
- CSS
- 프런트 엔드
- 서버사이드
- 데이터베이스
- 웹 서버
- AWS
- GitHub
SECTION 03 계속 새롭게 등장하는 기술
- NoSQL 데이터베이스
- JavaScript 프레임워크
- Fluentd
- 그래프로 시각화
- 가상화 기술
- 프로비저닝 도구
SECTION 04 앞으로도 웹 엔지니어로 살아가기
2장 Ruby on Rails로 개발
SECTION 05 Ruby의 개요
SECTION 06 Ruby on Rails의 등장
- Rails의 기본 이념
- RESTful 설계
SECTION 07 MVC(Model - View - Controller)
- 모델
- 뷰
- 컨트롤러
- Concerns 디렉터리
SECTION 08 Rails로 애플리케이션 개발
- Rails 개발 환경 준비
- Rails 다루기
- OAuth 인증 사용
- OAuth 인증 구현
- Gists 목록 가져오기
- 비동기 처리
SECTION 09 테스트하기
- 테스트 데이터의 통합 관리
- 시간 관련 테스트
- 목과 스텁 활용
SECTION 10 편리한 gem 소개
- Pry
- Better Errors
- MailCatcher
SECTION 11 gem을 찾는 방법
SECTION 12 정리
3장 PHP로 개발
SECTION 13 최근 PHP
SECTION 14 PHP 프레임워크
- 풀 스택 프레임워크
- 마이크로 프레임워크
SECTION 15 PHP 실행 환경 구축
- PHP 설치
- phpini 설정
SECTION 16 Composer 사용
- Composer 설치
SECTION 17 PSR 알아보기
SECTION 18 PHP 애플리케이션 개발 환경 구축
- 프로젝트 만들기
- API 만들기
SECTION 19 개발에 편리한 도구
- REPL
- 코딩 규칙 점검·분석
- 나머지 도구
SECTION 20 PHP 개발 환경, 에디터
SECTION 21 정리
4장 NoSQL 데이터베이스
SECTION 22 NoSQL 데이터베이스와 관계형 데이터베이스의 차이
- 관계형 데이터베이스의 특징
SECTION 23 Redis
- Redis를 사용하는 이유
- Redis 설치
- redis-cli 사용
- Ruby에서 Redis 사용
- 순위 정보 다루기
SECTION 24 MongoDB
- MongoDB를 사용하는 이유
- MongoDB 설치
- mongo 셸 사용
- Ruby로 MongoDB 사용
- 로그 기록
SECTION 25 정리
5장 프런트 엔드 구현
SECTION 26 프런트 엔드 개발
- jQuery 간단 사용법
- DOM 요소 가져오기
- jQuery 오브젝트
- CoffeeScript와 TypeScript 등장
SECTION 27 CoffeeScript
- 공식 사이트에서 CoffeeScript 맛보기
- CoffeeScript 도입
- CoffeeScript 사용
SECTION 28 TypeScript
- 공식 사이트에서 TypeScript 맛보기
- TypeScript 도입
- TypeScript 사용
SECTION 29 Grunt
- Grunt 도입
- Grunt로 처리 자동화
SECTION 30 JavaScript 프레임워크 등장
- DOM 변경에 약한 jQuery
- 대규모화된 프런트 엔드 개발
SECTION 31 AngularJS 특징
- HTML을 그대로 템플릿으로 사용
- 양방향 데이터 바인딩
- DI 컨테이너
SECTION 32 AngularJS 사용
- AngularJS의 도입
- AngularJS의 간단한 예
- DOM 조작
- 컨트롤러 사용
- TODO 리스트 구현
- 서버 통신
SECTION 33 서비스
- $location
- $timeout
- $cookieStore(ngCookies)
- 초기화 처리
SECTION 34 정리
6장 로그
SECTION 35 로그는 왜 중요한가
- 버그 조사
- 이상 징후 감지
- 가설 검증
- 감사 로그
SECTION 36 Fluentd 등장 배경
SECTION 37 Fluentd와 syslogd 차이
- 로그 수집 방법과 저장소 등 유연한 사용자화
- 로그에 태그를 붙여 쉽게 관리
- 다양한 언어를 지원하는 모듈 제공
SECTION 38 Fluentd 사용
- 입출력 플러그인
- Fluentd 도입
- Fluentd 구조
- Fluentd에 메시지 전송
- 로그 감시
- 로그를 다른 Fluentd 서버로 전송
- 호스트 이름 부여
- MongoDB에 저장
- Fluentd의 권장 구성
SECTION 39 로그 시각화
SECTION 40 엘라스틱서치
- 엘라스틱서치 도입
- 엘라스틱서치 사용
- Fluentd에서 엘라스틱서치로 데이터 전송
- 인덱스 삭제
SECTION 41 키바나
- 키바나 도입
- 키바나 사용
SECTION 42 정리
7장 데이터 시각화
SECTION 43 왜 구글 차트인가
SECTION 44 막대 그래프
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 45 누적 막대 그래프
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 46 꺾은선 그래프
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 47 산포도
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 48 외부 JSON 파일과 URL 읽기
- JSON 데이터 작성
- JSON 데이터 구조 확인
- JSON 파일로 HTML 파일 만들기
- 웹 브라우저에 HTML 파일 표시
SECTION 49 정리
- AWStats
- Webalizer
- 구글 웹 로그 분석
- New Relic
- Datadog
- Mackerel
8장 환경 구축 자동화
SECTION 50 수동 환경 구축의 위험성
- 새로운 서버 추가
- 서버에 라이브러리나 미들웨어 설치
- 간단한 개발 환경 구축
SECTION 51 Vagrant
- Vagrant 도입
- Vagrant로 가상 머신 실행
- 커맨드와 셸 스크립트 실행
- 여러 대의 가상 머신을 한 번에 실행
- 가상 머신에 ssh로 로그인
- Amazon EC2 인스턴스 실행
- 나머지 편리한 플러그인 소개
- Vagrant 가상화 이미지
SECTION 52 Ansible
- Ansible 도입
- 인벤토리 파일 준비
- 간단한 처리 실행
- playbook으로 복잡한 처리 실행
- 멱등성 확보
- 파일 끝 추가
- 나머지 편리한 모듈 소개
SECTION 53 Serverspec
- Serverspec 도입
- Serverspec 초기 설정
- 테스트 드리븐 프로비저닝
SECTION 54 Docker
- Docker 가상화 이미지
- Docker 도입
- Docker 테스트
- Dockerfile로 Docker 이미지 만들기
- Docker 이미지 공유
- Docker로 CI 테스트
SECTION 55 정리
9장 편리한 외부 서비스
SECTION 56 왜 외부 서비스를 이용할까
- 필요한 외부 서비스 찾기
- 도입할 때 주의할 점
SECTION 57 외부 서비스 소개
- Mixpanel - 액세스 분석 도구
- Slack - 커뮤니케이션 도구
- Qiita:Team - 정보 공유 서비스
- CircleCI - 지속적 인티그레이션 서비스
SECTION 58 정리
10장 웹 서버 구축
SECTION 59 아파치
- 아파치 웹 서버 설치
- 동작 환경 설정
- CGI 테스트
- 아파치에서 Rails 사용
SECTION 60 Nginx
- Nginx 설치
- PHP 스크립트 사용
더보기접기
SECTION 01 웹 엔지니어는 어떤 일을 할까
- 웹 엔지니어
- 웹 엔지니어가 하는 일
SECTION 02 필요한 기술 영역
- HTML
- CSS
- 프런트 엔드
- 서버사이드
- 데이터베이스
- 웹 서버
- AWS
- GitHub
SECTION 03 계속 새롭게 등장하는 기술
- NoSQL 데이터베이스
- JavaScript 프레임워크
- Fluentd
- 그래프로 시각화
- 가상화 기술
- 프로비저닝 도구
SECTION 04 앞으로도 웹 엔지니어로 살아가기
2장 Ruby on Rails로 개발
SECTION 05 Ruby의 개요
SECTION 06 Ruby on Rails의 등장
- Rails의 기본 이념
- RESTful 설계
SECTION 07 MVC(Model - View - Controller)
- 모델
- 뷰
- 컨트롤러
- Concerns 디렉터리
SECTION 08 Rails로 애플리케이션 개발
- Rails 개발 환경 준비
- Rails 다루기
- OAuth 인증 사용
- OAuth 인증 구현
- Gists 목록 가져오기
- 비동기 처리
SECTION 09 테스트하기
- 테스트 데이터의 통합 관리
- 시간 관련 테스트
- 목과 스텁 활용
SECTION 10 편리한 gem 소개
- Pry
- Better Errors
- MailCatcher
SECTION 11 gem을 찾는 방법
SECTION 12 정리
3장 PHP로 개발
SECTION 13 최근 PHP
SECTION 14 PHP 프레임워크
- 풀 스택 프레임워크
- 마이크로 프레임워크
SECTION 15 PHP 실행 환경 구축
- PHP 설치
- phpini 설정
SECTION 16 Composer 사용
- Composer 설치
SECTION 17 PSR 알아보기
SECTION 18 PHP 애플리케이션 개발 환경 구축
- 프로젝트 만들기
- API 만들기
SECTION 19 개발에 편리한 도구
- REPL
- 코딩 규칙 점검·분석
- 나머지 도구
SECTION 20 PHP 개발 환경, 에디터
SECTION 21 정리
4장 NoSQL 데이터베이스
SECTION 22 NoSQL 데이터베이스와 관계형 데이터베이스의 차이
- 관계형 데이터베이스의 특징
SECTION 23 Redis
- Redis를 사용하는 이유
- Redis 설치
- redis-cli 사용
- Ruby에서 Redis 사용
- 순위 정보 다루기
SECTION 24 MongoDB
- MongoDB를 사용하는 이유
- MongoDB 설치
- mongo 셸 사용
- Ruby로 MongoDB 사용
- 로그 기록
SECTION 25 정리
5장 프런트 엔드 구현
SECTION 26 프런트 엔드 개발
- jQuery 간단 사용법
- DOM 요소 가져오기
- jQuery 오브젝트
- CoffeeScript와 TypeScript 등장
SECTION 27 CoffeeScript
- 공식 사이트에서 CoffeeScript 맛보기
- CoffeeScript 도입
- CoffeeScript 사용
SECTION 28 TypeScript
- 공식 사이트에서 TypeScript 맛보기
- TypeScript 도입
- TypeScript 사용
SECTION 29 Grunt
- Grunt 도입
- Grunt로 처리 자동화
SECTION 30 JavaScript 프레임워크 등장
- DOM 변경에 약한 jQuery
- 대규모화된 프런트 엔드 개발
SECTION 31 AngularJS 특징
- HTML을 그대로 템플릿으로 사용
- 양방향 데이터 바인딩
- DI 컨테이너
SECTION 32 AngularJS 사용
- AngularJS의 도입
- AngularJS의 간단한 예
- DOM 조작
- 컨트롤러 사용
- TODO 리스트 구현
- 서버 통신
SECTION 33 서비스
- $location
- $timeout
- $cookieStore(ngCookies)
- 초기화 처리
SECTION 34 정리
6장 로그
SECTION 35 로그는 왜 중요한가
- 버그 조사
- 이상 징후 감지
- 가설 검증
- 감사 로그
SECTION 36 Fluentd 등장 배경
SECTION 37 Fluentd와 syslogd 차이
- 로그 수집 방법과 저장소 등 유연한 사용자화
- 로그에 태그를 붙여 쉽게 관리
- 다양한 언어를 지원하는 모듈 제공
SECTION 38 Fluentd 사용
- 입출력 플러그인
- Fluentd 도입
- Fluentd 구조
- Fluentd에 메시지 전송
- 로그 감시
- 로그를 다른 Fluentd 서버로 전송
- 호스트 이름 부여
- MongoDB에 저장
- Fluentd의 권장 구성
SECTION 39 로그 시각화
SECTION 40 엘라스틱서치
- 엘라스틱서치 도입
- 엘라스틱서치 사용
- Fluentd에서 엘라스틱서치로 데이터 전송
- 인덱스 삭제
SECTION 41 키바나
- 키바나 도입
- 키바나 사용
SECTION 42 정리
7장 데이터 시각화
SECTION 43 왜 구글 차트인가
SECTION 44 막대 그래프
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 45 누적 막대 그래프
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 46 꺾은선 그래프
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 47 산포도
- 유스케이스
- 예제 표시
- 그래프 사용자화
SECTION 48 외부 JSON 파일과 URL 읽기
- JSON 데이터 작성
- JSON 데이터 구조 확인
- JSON 파일로 HTML 파일 만들기
- 웹 브라우저에 HTML 파일 표시
SECTION 49 정리
- AWStats
- Webalizer
- 구글 웹 로그 분석
- New Relic
- Datadog
- Mackerel
8장 환경 구축 자동화
SECTION 50 수동 환경 구축의 위험성
- 새로운 서버 추가
- 서버에 라이브러리나 미들웨어 설치
- 간단한 개발 환경 구축
SECTION 51 Vagrant
- Vagrant 도입
- Vagrant로 가상 머신 실행
- 커맨드와 셸 스크립트 실행
- 여러 대의 가상 머신을 한 번에 실행
- 가상 머신에 ssh로 로그인
- Amazon EC2 인스턴스 실행
- 나머지 편리한 플러그인 소개
- Vagrant 가상화 이미지
SECTION 52 Ansible
- Ansible 도입
- 인벤토리 파일 준비
- 간단한 처리 실행
- playbook으로 복잡한 처리 실행
- 멱등성 확보
- 파일 끝 추가
- 나머지 편리한 모듈 소개
SECTION 53 Serverspec
- Serverspec 도입
- Serverspec 초기 설정
- 테스트 드리븐 프로비저닝
SECTION 54 Docker
- Docker 가상화 이미지
- Docker 도입
- Docker 테스트
- Dockerfile로 Docker 이미지 만들기
- Docker 이미지 공유
- Docker로 CI 테스트
SECTION 55 정리
9장 편리한 외부 서비스
SECTION 56 왜 외부 서비스를 이용할까
- 필요한 외부 서비스 찾기
- 도입할 때 주의할 점
SECTION 57 외부 서비스 소개
- Mixpanel - 액세스 분석 도구
- Slack - 커뮤니케이션 도구
- Qiita:Team - 정보 공유 서비스
- CircleCI - 지속적 인티그레이션 서비스
SECTION 58 정리
10장 웹 서버 구축
SECTION 59 아파치
- 아파치 웹 서버 설치
- 동작 환경 설정
- CGI 테스트
- 아파치에서 Rails 사용
SECTION 60 Nginx
- Nginx 설치
- PHP 스크립트 사용
저자&기여자
ㆍ지은이 ㈜히토미디어
- 소개
- 평소 IT 기술에 관심이 많아 컴퓨터 기술 분야의 전문 번역가로 활동하고 있다. 최근에는 건강의 소중함을 새삼 깨닫고 다이어트 앱의 도움을 받아 틈틈이 운동도 병행하며 균형 잡힌 삶을 위해 노력 중이다.
ㆍ지은이 나이토켄지
- 소개
- 평소 IT 기술에 관심이 많아 컴퓨터 기술 분야의 전문 번역가로 활동하고 있다. 최근에는 건강의 소중함을 새삼 깨닫고 다이어트 앱의 도움을 받아 틈틈이 운동도 병행하며 균형 잡힌 삶을 위해 노력 중이다.
ㆍ지은이 사사키타츠야
- 소개
- 평소 IT 기술에 관심이 많아 컴퓨터 기술 분야의 전문 번역가로 활동하고 있다. 최근에는 건강의 소중함을 새삼 깨닫고 다이어트 앱의 도움을 받아 틈틈이 운동도 병행하며 균형 잡힌 삶을 위해 노력 중이다.
ㆍ지은이 세가와유스케
- 소개
- 평소 IT 기술에 관심이 많아 컴퓨터 기술 분야의 전문 번역가로 활동하고 있다. 최근에는 건강의 소중함을 새삼 깨닫고 다이어트 앱의 도움을 받아 틈틈이 운동도 병행하며 균형 잡힌 삶을 위해 노력 중이다.
ㆍ옮긴이 김성재
- 소개
- 평소 IT 기술에 관심이 많아 컴퓨터 기술 분야의 전문 번역가로 활동하고 있다. 최근에는 건강의 소중함을 새삼 깨닫고 다이어트 앱의 도움을 받아 틈틈이 운동도 병행하며 균형 잡힌 삶을 위해 노력 중이다.
보도자료
저작권 안내
모든 자료는 저작권법의 보호를 받는 저작물로, 허락 없이 편집하거나 다른 매체에 옮겨 실을 수 없습니다.
인공지능(AI) 기술 또는 시스템을 훈련하기 위해 자료의 전체 내용은 물론 일부도 사용하는 것을 금지합니다.
All materials are protected by copyright law and may not be edited or reproduced in other media without permission.
It is prohibited to use all or part of the materials, including for training artificial intelligence (AI) technologies or systems, without authorization.
인공지능(AI) 기술 또는 시스템을 훈련하기 위해 자료의 전체 내용은 물론 일부도 사용하는 것을 금지합니다.
All materials are protected by copyright law and may not be edited or reproduced in other media without permission.
It is prohibited to use all or part of the materials, including for training artificial intelligence (AI) technologies or systems, without authorization.
연관 프로그램
아래 프로그램은 길벗출판사가 제공하는 것이 아닙니다.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.
구매 도서 인증
웹 엔지니어의 교과서
부가기호 확인하는 방법
- 종이책 :
-
도서 뒷표지 아래쪽에 있는 바코드의 오른쪽 위 숫자
- 전자책(eBook) :
- 전자책 앞 또는 뒷부분의 판권면 (발행인, 담당 편집자 등을 표시하는 곳) 중 ISBN 부분에 표기(예: 979-11-6050-407-1 05320로 된 곳의 뒤 다섯 자리 숫자 05320)
도서문의
웹 엔지니어의 교과서
관련 FAQ에 찾는 내용이 없으면 아래에서 '문의하기'를 클릭해 주세요.
빠른 조회
님 환영합니다! 마이길벗
알림 메시지
최근 이용 자료
내 문의/답변
내 서재
동영상 강좌
모바일 앱 설치 QR코드
구글 플레이스토어
애플 앱스토어
독자의견 남기기