지금 우리에게 필요한 것은
DESCRIPTION
CSS Design Korea, KWAG 주최, 2012 닥치고 원웹 파티 에서 발표한 내용입니다.TRANSCRIPT
지금����������� ������������������ 우리에게����������� ������������������ 필요한����������� ������������������ 것은
김현진(@elegantcoder_)
•모듈화
•가상화
우리에게����������� ������������������ 필요한����������� ������������������ 것?!
모듈화
3
17
9
공통영역����������� ������������������ 재사용����������� ������������������ 방법
Copy & Paste공통부분 분리, 서버사이드 언어 사용 기타
모듈화를����������� ������������������ 하지����������� ������������������ 않는����������� ������������������ 이유?
•새로����������� ������������������ 서버사이드����������� ������������������ 언어를����������� ������������������ 배워야����������� ������������������ 함
•난����������� ������������������ 프론트����������� ������������������ 엔드����������� ������������������ 개발자인데?
•정체성에����������� ������������������ 혼란
•서버사이드����������� ������������������ +����������� ������������������ HTML의����������� ������������������ 이질감
모듈화의����������� ������������������ 장점
•중복����������� ������������������ 제거
•모듈을����������� ������������������ 웹����������� ������������������ 퍼블리셔가����������� ������������������ 직접����������� ������������������ 지정
•작업에����������� ������������������ 집중도가����������� ������������������ 높아짐
그럼����������� ������������������ 모듈화는����������� ������������������ 어떻게����������� ������������������ 해야����������� ������������������ 할까요?
적.당.히
적당히?
•모듈을����������� ������������������ 쪼개면����������� ������������������ 파일이����������� ������������������ 늘어남
•모듈을����������� ������������������ 덜����������� ������������������ 쪼개면����������� ������������������ 중복이����������� ������������������ 늘어남
모듈화����������� ������������������ 원칙
•의미있어야����������� ������������������ 한다
•필요하면����������� ������������������ 이����������� ������������������ 마크업을����������� ������������������ 다른����������� ������������������ 프로젝트에도����������� ������������������ 사용하겠다.
•변경����������� ������������������ 가능성이����������� ������������������ 적으면����������� ������������������ 중복해도����������� ������������������ 됨
•HTML����������� ������������������ 태그는����������� ������������������ 열고����������� ������������������ 닫아줘야해서����������� ������������������ 중복은����������� ������������������ 피할����������� ������������������ 수����������� ������������������ 없음.����������� ������������������ 그럼����������� ������������������ 변경이����������� ������������������ 없는����������� ������������������ 쪽을����������� ������������������ 중복하자.
•모듈이����������� ������������������ 다른����������� ������������������ 모듈을����������� ������������������ 부르는����������� ������������������ 것은����������� ������������������ 최소화
•찾기����������� ������������������ 어려워����������� ������������������ 짐
이제����������� ������������������ 서버사이드����������� ������������������ 언어를����������� ������������������ 배울����������� ������������������ 때
가����������� ������������������ 아니라..����������� ������������������ SSI!
Server����������� ������������������ Side����������� ������������������ Include
•정말����������� ������������������ 쉬운����������� ������������������ 문법
•다수의����������� ������������������ 웹서버에서����������� ������������������ 지원함
•백엔드가����������� ������������������ 어떤����������� ������������������ 언어여도����������� ������������������ 상관����������� ������������������ 없음
백엔드에����������� ������������������ 관계없는����������� ������������������ 프론트엔드의����������� ������������������ 언어!
가상화
개발환경을����������� ������������������ 서버사이드와����������� ������������������ 동일하게?
11
11
7
예 아니오 프로젝트에 따라 다름
같은����������� ������������������ 개발환경?����������� ������������������ 왜?
프로젝트의����������� ������������������ 파트로써����������� ������������������ 마크업
개발환경����������� ������������������ 맞추기는����������� ������������������ 어려움
1
8
8
서버사이드 의존 프론트엔드 스스로 기타
가상화로����������� ������������������ 개발환경을����������� ������������������ 통합하자
가상화의����������� ������������������ 장점
•가상머신을����������� ������������������ 설치하면����������� ������������������ 개발환경����������� ������������������ 구축����������� ������������������ 완료
•다른����������� ������������������ 사람에게����������� ������������������ 쉽게����������� ������������������ 전달����������� ������������������ 가능
•자리마다����������� ������������������ 돌아다닐����������� ������������������ 필요����������� ������������������ 없음
•개발환경을����������� ������������������ 설치하는����������� ������������������ 방법이����������� ������������������ 통일됨
가상화의����������� ������������������ 단점
•리소스를����������� ������������������ 크게����������� ������������������ 차지함
•개발환경을����������� ������������������ 스스로����������� ������������������ 구축할����������� ������������������ 수����������� ������������������ 있는����������� ������������������ 사람은����������� ������������������ 스스로����������� ������������������ 구축하는����������� ������������������ 것도����������� ������������������ 좋음
설치����������� ������������������ 프로세스
•vagrant����������� ������������������ box����������� ������������������ add����������� ������������������ base����������� ������������������ http://files.vagrantup.com/lucid32.box
•vagrant����������� ������������������ init
•vagrant����������� ������������������ up
우리에게����������� ������������������ 필요한����������� ������������������ 것은?
추첨시간!
감사합니다
@elegantcoder_
http://elegantcoder.com