프론트엔드로 시작하는 웹 개발 방법과 지식들

1. 프론트엔드로 시작하는
웹 개발 방법과 지식들
조 은
!
UIT개발실 UI개발2팀
NHN Technology Services
cho.eun@nhn.com
@clearboth 2014-08-09 기습 세미나

2. 안녕하세요
조은입니다
@clearboth 2014-08-09 기습 세미나

3. 솔로
@clearboth 2014-08-09 기습 세미나
現

4. 클리어보스 리더
現
@clearboth 2014-08-09 기습 세미나

5. 네이버 쇼핑광고
@clearboth 2014-08-09 기습 세미나
現

6. 밴드 패션
@clearboth 2014-08-09 기습 세미나
現

7. 커플
@clearboth 2014-08-09 기습 세미나
前

8. 쥬니어 네이버
@clearboth 2014-08-09 기습 세미나
前

9. 네이트 통합검색
@clearboth 2014-08-09 기습 세미나
前

10. 네이트 영화
@clearboth 2014-08-09 기습 세미나
前

11. 오늘 배워갈 것은
@clearboth 2014-08-09 기습 세미나

12. 브라우저는 뭣이고
HTML은 뭣이고
CSS는 뭣이고
JS는 뭣이고
@clearboth 2014-08-09 기습 세미나
가 아니라

13. 나 이제 내가 만드는 게
어떤건지 약간 알 거 같아
@clearboth 2014-08-09 기습 세미나
정도면 됩니다

14. 더 많은 공부는
개인 문의 부탁드립니다.
@clearboth 2014-08-09 기습 세미나
네이버 D2 채널을 통해 발표자료를 공개합니다
쉬는시간에 문의해주세요

15. 월드 와이드 웹
World Wide Web
@clearboth 2014-08-09 기습 세미나

16. @clearboth 2014-08-09 기습 세미나
문서
Document

17. @clearboth 2014-08-09 기습 세미나
pages gml
Apple IBM

18. 여러 플랫폼에서
한번에 볼 수 없을까
@clearboth 2014-08-09 기습 세미나

19. @clearboth 2014-08-09 기습 세미나
팀 버너스 리
이미지 출처
http://madwebauthoring.wordpress.com/2012/09/07/tim-berners-lee/
Tim Berners Lee

20. @clearboth 2014-08-09 기습 세미나
하이퍼링크
Hyper Link

21. @clearboth 2014-08-09 기습 세미나
HTML
Hyper Text Markup Language

22. @clearboth 2014-08-09 기습 세미나
웹 브라우저
Web Browser

23. @clearboth 2014-08-09 기습 세미나
FF IE OP CH SF
5대 메이저 브라우저

24. 왜 그 버튼을
3PX 옮기지 못하는거죠
@clearboth 2014-08-09 기습 세미나

25. @clearboth 2014-08-09 기습 세미나
FF IE OP CH SF
각 회사별로 제각각 만듬

26. 컴퓨터
@clearboth 2014-08-09 기습 세미나
서버
Computer Server

27. 컴퓨터
@clearboth 2014-08-09 기습 세미나
서버
Computer Server
http://www.naver.com

28. 컴퓨터
@clearboth 2014-08-09 기습 세미나
서버
Computer Server
Request
요청
http://www.naver.com

29. 컴퓨터
@clearboth 2014-08-09 기습 세미나
서버
Computer Server
Request
요청
Response
응답
http://www.naver.com

30. 컴퓨터
@clearboth 2014-08-09 기습 세미나
서버
Computer Server
Request
요청
Response
응답
http://www.naver.com

31. HTML
Since 1993
@clearboth 2014-08-09 기습 세미나

32. @clearboth 2014-08-09 기습 세미나
문서
Document
복사붙여넣기 해야 이쁘다
너도 그렇다

33. @clearboth 2014-08-09 기습 세미나
1.0
1993
2.0
1995

34. @clearboth 2014-08-09 기습 세미나
1.0
1993
2.0
1995
3.2
1997

35. @clearboth 2014-08-09 기습 세미나
2.0
1995
3.2
1997
4.0
1999

36. @clearboth 2014-08-09 기습 세미나
3.2
1997
4.0
1999
5.0
2014

37. @clearboth 2014-08-09 기습 세미나
4.0
1999
5.0
2014

38. @clearboth 2014-08-09 기습 세미나
<h1>쉬는 시간</h1>
<time>10분</time>

39. @clearboth 2014-08-09 기습 세미나
<h1>쉬는 시간</h1>
<time>10분</time>
이런 구조입니다
(쉬는 시간 아님)

40. @clearboth 2014-08-09 기습 세미나
<live>Code</live>

41. @clearboth 2014-08-09 기습 세미나
<h1>진짜 쉬는 시간</h1>
<time>10분</time>

42. DOM
Since 1998
@clearboth 2014-08-09 기습 세미나

43. @clearboth 2014-08-09 기습 세미나
문서
Document
복사붙여넣기 해야 이쁘다
너도 그렇다
복사붙여넣기 해야 이쁘다
너도 그렇다

44. CSS
Since 1996
@clearboth 2014-08-09 기습 세미나

45. JavaScript
Since 1995
@clearboth 2014-08-09 기습 세미나

46. UX
User Experience
@clearboth 2014-08-09 기습 세미나

47. 웹접근성
Web Accessibility
@clearboth 2014-08-09 기습 세미나

48. 감사합니다
@choeun