프론트엔드로 시작하는

웹 개발 방법과 지식들조 은

!UIT개발실 UI개발2팀

NHN Technology Services cho.eun@nhn.com

@clearboth 2014-08-09 기습 세미나

안녕하세요 조은입니다

@clearboth 2014-08-09 기습 세미나

솔로

@clearboth 2014-08-09 기습 세미나

現

클리어보스 리더

現

@clearboth 2014-08-09 기습 세미나

네이버 쇼핑광고

@clearboth 2014-08-09 기습 세미나

現

밴드 패션

@clearboth 2014-08-09 기습 세미나

現

커플

@clearboth 2014-08-09 기습 세미나

前

쥬니어 네이버

@clearboth 2014-08-09 기습 세미나

前

네이트 통합검색

@clearboth 2014-08-09 기습 세미나

前

네이트 영화

@clearboth 2014-08-09 기습 세미나

前

오늘 배워갈 것은

@clearboth 2014-08-09 기습 세미나

브라우저는 뭣이고 HTML은 뭣이고 CSS는 뭣이고 JS는 뭣이고

@clearboth 2014-08-09 기습 세미나

가 아니라

나 이제 내가 만드는 게 어떤건지 약간 알 거 같아

@clearboth 2014-08-09 기습 세미나

정도면 됩니다

더 많은 공부는 개인 문의 부탁드립니다.

@clearboth 2014-08-09 기습 세미나

네이버 D2 채널을 통해 발표자료를 공개합니다 쉬는시간에 문의해주세요

월드 와이드 웹World Wide Web

@clearboth 2014-08-09 기습 세미나

@clearboth 2014-08-09 기습 세미나

문서Document

@clearboth 2014-08-09 기습 세미나

pages gml

Apple IBM

여러 플랫폼에서 한번에 볼 수 없을까

@clearboth 2014-08-09 기습 세미나

@clearboth 2014-08-09 기습 세미나

팀 버너스 리

이미지 출처 http://madwebauthoring.wordpress.com/2012/09/07/tim-berners-lee/

Tim Berners Lee

@clearboth 2014-08-09 기습 세미나

하이퍼링크Hyper Link

@clearboth 2014-08-09 기습 세미나

HTMLHyper Text Markup Language

@clearboth 2014-08-09 기습 세미나

웹 브라우저Web Browser

@clearboth 2014-08-09 기습 세미나

FF IE OP CH SF

5대 메이저 브라우저

왜 그 버튼을 3PX 옮기지 못하는거죠

@clearboth 2014-08-09 기습 세미나

@clearboth 2014-08-09 기습 세미나

FF IE OP CH SF

각 회사별로 제각각 만듬

컴퓨터

@clearboth 2014-08-09 기습 세미나

서버Computer Server

컴퓨터

@clearboth 2014-08-09 기습 세미나

서버Computer Server

http://www.naver.com

컴퓨터

@clearboth 2014-08-09 기습 세미나

서버Computer Server

Request요청

http://www.naver.com

컴퓨터

@clearboth 2014-08-09 기습 세미나

서버Computer Server

Request요청

Response응답

http://www.naver.com

컴퓨터

@clearboth 2014-08-09 기습 세미나

서버Computer Server

Request요청

Response응답

http://www.naver.com

HTMLSince 1993

@clearboth 2014-08-09 기습 세미나

@clearboth 2014-08-09 기습 세미나

문서Document

복사붙여넣기 해야 이쁘다 너도 그렇다

@clearboth 2014-08-09 기습 세미나

1.0 1993

2.0 1995

@clearboth 2014-08-09 기습 세미나

1.0 1993

2.0 1995

3.2 1997

@clearboth 2014-08-09 기습 세미나

2.0 1995

3.2 1997

4.0 1999

@clearboth 2014-08-09 기습 세미나

3.2 1997

4.0 1999

5.0 2014

@clearboth 2014-08-09 기습 세미나

4.0 1999

5.0 2014

@clearboth 2014-08-09 기습 세미나

<h1>쉬는 시간</h1>

<time>10분</time>

@clearboth 2014-08-09 기습 세미나

<h1>쉬는 시간</h1>

<time>10분</time>

이런 구조입니다 (쉬는 시간 아님)

@clearboth 2014-08-09 기습 세미나

<live>Code</live>

@clearboth 2014-08-09 기습 세미나

<h1>진짜 쉬는 시간</h1>

<time>10분</time>

DOMSince 1998

@clearboth 2014-08-09 기습 세미나

@clearboth 2014-08-09 기습 세미나

문서Document

복사붙여넣기 해야 이쁘다 너도 그렇다

복사붙여넣기 해야 이쁘다 너도 그렇다

CSSSince 1996

@clearboth 2014-08-09 기습 세미나

JavaScriptSince 1995

@clearboth 2014-08-09 기습 세미나

UXUser Experience

@clearboth 2014-08-09 기습 세미나

웹접근성Web Accessibility

@clearboth 2014-08-09 기습 세미나

감사합니다

@choeun