지금 우리에게 필요한 것은

27
지금 우리에게 필요한 것은 김현진(@elegantcoder_)

Upload: -

Post on 03-Jul-2015

354 views

Category:

Technology


0 download

DESCRIPTION

CSS Design Korea, KWAG 주최, 2012 닥치고 원웹 파티 에서 발표한 내용입니다.

TRANSCRIPT

Page 1: 지금 우리에게 필요한 것은

지금����������� ������������������  우리에게����������� ������������������  필요한����������� ������������������  것은

김현진(@elegantcoder_)

Page 2: 지금 우리에게 필요한 것은

•모듈화

•가상화

우리에게����������� ������������������  필요한����������� ������������������  것?!

Page 3: 지금 우리에게 필요한 것은

모듈화

Page 4: 지금 우리에게 필요한 것은

3

17

9

공통영역����������� ������������������  재사용����������� ������������������  방법

Copy & Paste공통부분 분리, 서버사이드 언어 사용 기타

Page 5: 지금 우리에게 필요한 것은

모듈화를����������� ������������������  하지����������� ������������������  않는����������� ������������������  이유?

•새로����������� ������������������  서버사이드����������� ������������������  언어를����������� ������������������  배워야����������� ������������������  함

•난����������� ������������������  프론트����������� ������������������  엔드����������� ������������������  개발자인데?

•정체성에����������� ������������������  혼란

•서버사이드����������� ������������������  +����������� ������������������  HTML의����������� ������������������  이질감

Page 6: 지금 우리에게 필요한 것은

모듈화의����������� ������������������  장점

•중복����������� ������������������  제거

•모듈을����������� ������������������  웹����������� ������������������  퍼블리셔가����������� ������������������  직접����������� ������������������  지정

•작업에����������� ������������������  집중도가����������� ������������������  높아짐

그럼����������� ������������������  모듈화는����������� ������������������  어떻게����������� ������������������  해야����������� ������������������  할까요?

Page 7: 지금 우리에게 필요한 것은

적.당.히

Page 8: 지금 우리에게 필요한 것은

적당히?

•모듈을����������� ������������������  쪼개면����������� ������������������  파일이����������� ������������������  늘어남

•모듈을����������� ������������������  덜����������� ������������������  쪼개면����������� ������������������  중복이����������� ������������������  늘어남

Page 9: 지금 우리에게 필요한 것은

모듈화����������� ������������������  원칙

•의미있어야����������� ������������������  한다

•필요하면����������� ������������������  이����������� ������������������  마크업을����������� ������������������  다른����������� ������������������  프로젝트에도����������� ������������������  사용하겠다.

•변경����������� ������������������  가능성이����������� ������������������  적으면����������� ������������������  중복해도����������� ������������������  됨

•HTML����������� ������������������  태그는����������� ������������������  열고����������� ������������������  닫아줘야해서����������� ������������������  중복은����������� ������������������  피할����������� ������������������  수����������� ������������������  없음.����������� ������������������  그럼����������� ������������������  변경이����������� ������������������  없는����������� ������������������  쪽을����������� ������������������  중복하자.

•모듈이����������� ������������������  다른����������� ������������������  모듈을����������� ������������������  부르는����������� ������������������  것은����������� ������������������  최소화

•찾기����������� ������������������  어려워����������� ������������������  짐

Page 10: 지금 우리에게 필요한 것은

이제����������� ������������������  서버사이드����������� ������������������  언어를����������� ������������������  배울����������� ������������������  때

Page 11: 지금 우리에게 필요한 것은

가����������� ������������������  아니라..����������� ������������������  SSI!

Page 12: 지금 우리에게 필요한 것은

Server����������� ������������������  Side����������� ������������������  Include

•정말����������� ������������������  쉬운����������� ������������������  문법

•다수의����������� ������������������  웹서버에서����������� ������������������  지원함

•백엔드가����������� ������������������  어떤����������� ������������������  언어여도����������� ������������������  상관����������� ������������������  없음

백엔드에����������� ������������������  관계없는����������� ������������������  프론트엔드의����������� ������������������  언어!

Page 13: 지금 우리에게 필요한 것은

가상화

Page 14: 지금 우리에게 필요한 것은

개발환경을����������� ������������������  서버사이드와����������� ������������������  동일하게?

11

11

7

예 아니오 프로젝트에 따라 다름

Page 15: 지금 우리에게 필요한 것은

같은����������� ������������������  개발환경?����������� ������������������  왜?

Page 16: 지금 우리에게 필요한 것은

프로젝트의����������� ������������������  파트로써����������� ������������������  마크업

Page 17: 지금 우리에게 필요한 것은

개발환경����������� ������������������  맞추기는����������� ������������������  어려움

1

8

8

서버사이드 의존 프론트엔드 스스로 기타

Page 18: 지금 우리에게 필요한 것은

가상화로����������� ������������������  개발환경을����������� ������������������  통합하자

Page 19: 지금 우리에게 필요한 것은
Page 20: 지금 우리에게 필요한 것은

가상화의����������� ������������������  장점

•가상머신을����������� ������������������  설치하면����������� ������������������  개발환경����������� ������������������  구축����������� ������������������  완료

•다른����������� ������������������  사람에게����������� ������������������  쉽게����������� ������������������  전달����������� ������������������  가능

•자리마다����������� ������������������  돌아다닐����������� ������������������  필요����������� ������������������  없음

•개발환경을����������� ������������������  설치하는����������� ������������������  방법이����������� ������������������  통일됨

Page 21: 지금 우리에게 필요한 것은

가상화의����������� ������������������  단점

•리소스를����������� ������������������  크게����������� ������������������  차지함

•개발환경을����������� ������������������  스스로����������� ������������������  구축할����������� ������������������  수����������� ������������������  있는����������� ������������������  사람은����������� ������������������  스스로����������� ������������������  구축하는����������� ������������������  것도����������� ������������������  좋음

Page 22: 지금 우리에게 필요한 것은
Page 23: 지금 우리에게 필요한 것은

Vagrant

http://vagrantup.com

Page 24: 지금 우리에게 필요한 것은

설치����������� ������������������  프로세스

•vagrant����������� ������������������  box����������� ������������������  add����������� ������������������  base����������� ������������������  http://files.vagrantup.com/lucid32.box

•vagrant����������� ������������������  init

•vagrant����������� ������������������  up

Page 25: 지금 우리에게 필요한 것은

우리에게����������� ������������������  필요한����������� ������������������  것은?

Page 26: 지금 우리에게 필요한 것은

추첨시간!