2017년 4월 19일 Vuetiful Korea 첫번째 밋업의 세번째 발표자료입니다.
Vue.js 한국어 사용자 모임에서 발표를 하게 된 디자이너, 그녀는 과연 Vue.js를 쓸 수 있을 것인가?
발표자료에서 소개되는 게임은 smilee.github.io/vuetiful-korea-170419 을 참고해 주시기 바랍니다.
『풀스택 개발자를 위한 MEAN 스택 입문』 - 미리보기복연 이
MEAN 스택, 서버와 클라이언트를 넘나드는 풀스택 엔지니어의 선택
MEAN은 서버와 클라이언트 양쪽을 모두 다루는 풀스택 엔지니어를 위한 기술이며, 한번 익혀두면 여러 상황에서 돌파구를 발견할 가능성을 높여준다. 그만큼 개발자의 경쟁력을 높일 수 있음을 의미한다. 스택의 모든 구성 요소가 자바스크립트를 사용하므로 진입 장벽이 낮고 팀 내 협업, 노하우 공유, 의사소통에 큰 도움을 준다.
이 책은 오랜 개발과 번역 경험을 두루 갖춘 베테랑 역자가 원서의 예제를 완결된 형태로 재구성해서 독자의 시간을 절약해주고 아쉬운 설명을 보강해 완성도를 높였다. 책의 흐름에 발맞춰 예제를 조금씩 확장해 나가다 보면 어느 순간 자신만의 멋진 풀스택 앱을 만들 수 있을 것이다.
- 지은이 : 애덤 브레츠, 콜린 J. 이릭
- 옮긴이 : 박재호
- ISBN : 978-89-6848-218-2 93000
- 발행일 : 2015년 9월 1일
- 페이지수 : 348
- 정가 : 28,000원
- 구매(예스24) : http://goo.gl/KNlRGg
2017년 4월 19일 Vuetiful Korea 첫번째 밋업의 세번째 발표자료입니다.
Vue.js 한국어 사용자 모임에서 발표를 하게 된 디자이너, 그녀는 과연 Vue.js를 쓸 수 있을 것인가?
발표자료에서 소개되는 게임은 smilee.github.io/vuetiful-korea-170419 을 참고해 주시기 바랍니다.
『풀스택 개발자를 위한 MEAN 스택 입문』 - 미리보기복연 이
MEAN 스택, 서버와 클라이언트를 넘나드는 풀스택 엔지니어의 선택
MEAN은 서버와 클라이언트 양쪽을 모두 다루는 풀스택 엔지니어를 위한 기술이며, 한번 익혀두면 여러 상황에서 돌파구를 발견할 가능성을 높여준다. 그만큼 개발자의 경쟁력을 높일 수 있음을 의미한다. 스택의 모든 구성 요소가 자바스크립트를 사용하므로 진입 장벽이 낮고 팀 내 협업, 노하우 공유, 의사소통에 큰 도움을 준다.
이 책은 오랜 개발과 번역 경험을 두루 갖춘 베테랑 역자가 원서의 예제를 완결된 형태로 재구성해서 독자의 시간을 절약해주고 아쉬운 설명을 보강해 완성도를 높였다. 책의 흐름에 발맞춰 예제를 조금씩 확장해 나가다 보면 어느 순간 자신만의 멋진 풀스택 앱을 만들 수 있을 것이다.
- 지은이 : 애덤 브레츠, 콜린 J. 이릭
- 옮긴이 : 박재호
- ISBN : 978-89-6848-218-2 93000
- 발행일 : 2015년 9월 1일
- 페이지수 : 348
- 정가 : 28,000원
- 구매(예스24) : http://goo.gl/KNlRGg
This is a overview document about Function & Feature of the Agados Platform.
* Reference Links
AGADOS function & feature Chapter-01 UI define elements,
www.slideshare.net/YongkyooPark/agados-function-feature-chapter01-ui-define-elements
AGADOS function & feature Chapter-02 biz logic define
www.slideshare.net/YongkyooPark/agados-function-feature-chapter02-biz-logic-define
AGADOS function & feature Chapter-03 Visibility of AGADOS based app
https://www.slideshare.net/YongkyooPark/agados-function-feature-cvhapter03-visibility-of-agados-based-app
41. 기획서 / 스펙 분석
문서 구조 분석시맨틱
헤더, 아티클 등
시맨틱 요소 파악
공통 요소, 네비
게이션 등 문서
구조 파악
42. 문서 구조 분석시맨틱 기능 분석 기능 리스트
헤더, 아티클 등
시맨틱 요소 파악
공통 요소, 네비
게이션 등 문서
구조 파악
자 바 스 크 립 트
개 발 이 필 요 한
요소 파악
파악한 자바스크
립트 기능 리스트
작성
기획서 / 스펙 분석
43. 문서 구조 분석시맨틱 기능 분석 기능 리스트
프로토타이핑 구현 불가능 요소
헤더, 아티클 등
시맨틱 요소 파악
공통 요소, 네비
게이션 등 문서
구조 파악
자 바 스 크 립 트
개 발 이 필 요 한
요소 파악
파악한 자바스크
립트 기능 리스트
작성
구현 가능한 스펙
인지 알 수 없을땐
프로토타이핑
구현불가능한요소는
기획자에게 고지 및
스펙 수정
기획서 / 스펙 분석
49. 개발 환경 세팅
버전 관리 시스템
소스 코드의 버전을
안전하게 관리하기
위한 기반 시스템
50. 버전 관리 시스템
소스 코드의 버전을
안전하게 관리하기
위한 기반 시스템
IDE
스위칭 비용 줄이고
안락하게 개발하기
위한 통합 개발 환경
도구
개발 환경 세팅
51. 버전 관리 시스템
소스 코드의 버전을
안전하게 관리하기
위한 기반 시스템
IDE
스위칭 비용 줄이고
안락하게 개발하기
위한 통합 개발 환경
도구
스캐폴딩
프로젝트 전 선행
되어야할 작업을
자동으로 처리
개발 환경 세팅
52. 버전 관리 시스템
소스 코드의 버전을
안전하게 관리하기
위한 기반 시스템
IDE
스위칭 비용 줄이고
안락하게 개발하기
위한 통합 개발 환경
도구
모듈 관리 도구
모 듈 을 관 리 하 기
쉽게 도와주는 도구
개발 환경 세팅
스캐폴딩
프로젝트 전 선행
되어야할 작업을
자동으로 처리
53. CSS 전처리기
정 적 인 C S S 의
단점을 극복할 수
있는 전처리 도구
마크업 개발
54. CSS 전처리기
정 적 인 C S S 의
단점을 극복할 수
있는 전처리 도구
타이핑 도구
HTML과 CSS를
빠르게 편집할 수
있도록 도와주는
도구
마크업 개발
55. 마크업 설계
공통 요소 분석
전체구조 설계
마크업 개발
CSS 전처리기
정 적 인 C S S 의
단점을 극복할 수
있는 전처리 도구
타이핑 도구
HTML과 CSS를
빠르게 편집할 수
있도록 도와주는
도구
56. 마크업 단계
컨텐츠의 골격을
잡아가는 작업.
의미있는 시맨틱,
웹표준을 준수한
문서 작성
마크업 설계
공통 요소 분석
전체구조 설계
마크업 개발
CSS 전처리기
정 적 인 C S S 의
단점을 극복할 수
있는 전처리 도구
타이핑 도구
HTML과 CSS를
빠르게 편집할 수
있도록 도와주는
도구
57. 마크업 단계
컨텐츠의 골격을
잡아가는 작업.
의미있는 시맨틱,
웹표준을 준수한
문서 작성
스타일링 단계
CSS를 활용하여
문 서 를 꾸 미 는
작업
마크업 설계
공통 요소 분석
전체구조 설계
마크업 개발
CSS 전처리기
정 적 인 C S S 의
단점을 극복할 수
있는 전처리 도구
타이핑 도구
HTML과 CSS를
빠르게 편집할 수
있도록 도와주는
도구
60. 자바스크립트 개발
코드 품질 검증
도구
자바스크립트코드
의안티패턴,신텍스
오류 등을 미리
검증하는 도구
테스트 러너
작 성 한 테 스 트
코드를 자동으로
실행하고 결과를
산출하는 도구
테스트 프레임
워크
테 스 트 코 드 를
작성할 때 필요한
함수 집합
61. 자바스크립트 개발
테스트 더블
테스트하기어려운
컴포넌트(요소)를
대체하는 기능을
가진 라이브러리
코드 품질 검증
도구
자바스크립트코드
의안티패턴,신텍스
오류 등을 미리
검증하는 도구
테스트 러너
작 성 한 테 스 트
코드를 자동으로
실행하고 결과를
산출하는 도구
테스트 프레임
워크
테 스 트 코 드 를
작성할 때 필요한
함수 집합
62. 자바스크립트 개발
테스트 더블
테스트하기어려운
컴포넌트(요소)를
대체하는 기능을
가진 라이브러리
코드 품질 검증
도구
자바스크립트코드
의안티패턴,신텍스
오류 등을 미리
검증하는 도구
애너테이션
특 수 한 의 미 를
부 여 하 기 위 해
작성한 주석
테스트 러너
작 성 한 테 스 트
코드를 자동으로
실행하고 결과를
산출하는 도구
테스트 프레임
워크
테 스 트 코 드 를
작성할 때 필요한
함수 집합
63. 자바스크립트 개발
테스트 더블
테스트하기어려운
컴포넌트(요소)를
대체하는 기능을
가진 라이브러리
웹 API 디자인
백엔드 개발자와
웹 API 인터페이스
정의
코드 품질 검증
도구
자바스크립트코드
의안티패턴,신텍스
오류 등을 미리
검증하는 도구
애너테이션
특 수 한 의 미 를
부 여 하 기 위 해
작성한 주석
테스트 러너
작 성 한 테 스 트
코드를 자동으로
실행하고 결과를
산출하는 도구
테스트 프레임
워크
테 스 트 코 드 를
작성할 때 필요한
함수 집합
64. 테스트 러너
작 성 한 테 스 트
코드를 자동으로
실행하고 결과를
산출하는 도구
테스트 프레임
워크
테 스 트 코 드 를
작성할 때 필요한
함수 집합
테스트 더블
테스트하기어려운
컴포넌트(요소)를
대체하는 기능을
가진 라이브러리
클래스 설계
도메인을분석하여
객체 설계
웹 API 디자인
백엔드 개발자와
웹 API 인터페이스
정의
자바스크립트 개발
코드 품질 검증
도구
자바스크립트코드
의안티패턴,신텍스
오류 등을 미리
검증하는 도구
애너테이션
특 수 한 의 미 를
부 여 하 기 위 해
작성한 주석
65. 테스트 러너
작 성 한 테 스 트
코드를 자동으로
실행하고 결과를
산출하는 도구
테스트 프레임
워크
테 스 트 코 드 를
작성할 때 필요한
함수 집합
테스트 더블
테스트하기어려운
컴포넌트(요소)를
대체하는 기능을
가진 라이브러리
클래스 설계
도메인을분석하여
객체 설계
구현 개발
설 계 를 토 대 로
실제 코드를 작성
하여 구현
웹 API 디자인
백엔드 개발자와
웹 API 인터페이스
정의
자바스크립트 개발
코드 품질 검증
도구
자바스크립트코드
의안티패턴,신텍스
오류 등을 미리
검증하는 도구
애너테이션
특 수 한 의 미 를
부 여 하 기 위 해
작성한 주석
69. 자바스크립트 빌드&배포
태스크 자동화
압축, 문서화, 검증
테스트 등 개발 간
또는빌드전에실행
되어야할 작업을
자동으로실행하는
도구
문서화
주석을 파싱하여
문서를 생성하는
도구
난독화&압축
자바스크립트코드
압축 및 난독화
도구
70. CI
각 자 가 작 업 한
산출물을 한곳에
모 아 검 증 하 고
통합
자바스크립트 빌드&배포
태스크 자동화
압축, 문서화, 검증
테스트 등 개발 간
또는빌드전에실행
되어야할 작업을
자동으로실행하는
도구
문서화
주석을 파싱하여
문서를 생성하는
도구
난독화&압축
자바스크립트코드
압축 및 난독화
도구