190413 스타트업에서 마크업 개발자로 살아남기 - 오혜진

Transcript

1. 스타트업에서 마크업 개발자로 살아남기௏ੋਗ
   য়ഌ૓
3. 소 개
4. 안녕하세요
5. 안녕하세요 6년차
6. 안녕하세요 6년차 마크업개발자
7. 안녕하세요 6년차 마크업개발자 오혜진입니다
8. 안녕하세요 6년차 마크업개발자 오혜진입니다
9. 안녕하세요 6년차 마크업개발자 오혜진입니다
10. 마크업개발자
11. 마크업개발자 UI 개발자
12. 마크업개발자 UI 개발자 웹퍼블리셔
13. 웹을 만드는 사람
14. աݽਢী٣ఠ  ٘ܿਤߡ  ӒѢ
    աݽਢী٣ఠ
    э਷
    Ѧ۽
    )5.-
    ٜ݅
    ઴
    ঌݶ
    غחѢ
    ইצоਃ
15. ୹୊ : http://blog.naver.com/PostView.nhn?blogId=naver_diary&logNo=150047725151&parentCategoryNo=63&categoryNo=&viewDate=&isShowPopularPosts=false&from=postList 1998 1999 2000 2001 2002 ৘) 2000֙؀ ୡ ੉੹੄ ೠҴ ਢ (֎੉ߡ)
16. 인터넷의 발달 스마트폰 보급 다양한 디바이스 발전한 웹 기술
17. 2019년 핀터레스트 ‘웹디자인’
18. 하는일
19. 자사 서비스 사이트 (유지보수/운영대응/신규개발)
 프로모션 페이지 팀/기업 사이트 운영툴 UI 설계 이메일 템플릿 마크업 . . . 디자인 시스템 적용 GA / OG 데이터 관리 웹 표준 / 웹 접근성 준수 크로스 브라우징 대응 / 반응형 웹 구현 회사 주요 이미지 에셋 관리 가끔 기획+디자인+개발
20. 메인, 거래소, 프로차트 로그인, 회원가입, 비밀번호 찾기, 마이페이지 계정관리, 회원탈퇴, 연결된 앱, API 보안설정 - 본인인증, 계좌인증, OTP 인증 주소록, 이메일 수신 설정, 인증 자료 제출 안내 자산 - 수익현황, 거래내역 입출금 - 입금, 출금, 내역 고객센터 - 이용안내, 공지사항 암호화폐 소개 및 명세서, Give - 사회공헌 코인원 보안 안내, 이용안내, 수수료안내 이용약관 및 규정, 개인정보처리방침, 지갑 CCDEX 코인원인덱스, 코인원블록스, 코인원톡 … 등등 자사 서비스 사이트 (유지보수/운영대응/신규개발)
 프로모션 페이지 팀/기업 사이트 운영툴 UI 설계 이메일 템플릿 마크업 . . . 디자인 시스템 적용 GA / OG 데이터 관리 웹 표준 / 웹 접근성 준수 크로스 브라우징 대응 / 반응형 웹 구현 회사 주요 이미지 에셋 관리 가끔 기획+디자인+개발
21. 메인, 거래소, 프로차트 로그인, 회원가입, 비밀번호 찾기, 마이페이지 계정관리, 회원탈퇴, 연결된 앱, API 보안설정 - 본인인증, 계좌인증, OTP 인증 주소록, 이메일 수신 설정, 인증 자료 제출 안내 자산 - 수익현황, 거래내역 입출금 - 입금, 출금, 내역 고객센터 - 이용안내, 공지사항 암호화폐 소개 및 명세서, Give - 사회공헌 코인원 보안 안내, 이용안내, 수수료안내 이용약관 및 규정, 개인정보처리방침, 지갑 CCDEX 코인원인덱스, 코인원블록스, 코인원톡 … 등등 자사 서비스 사이트 (유지보수/운영대응/신규개발)
 프로모션 페이지 팀/기업 사이트 운영툴 UI 설계 이메일 템플릿 마크업 . . . 디자인 시스템 적용 GA / OG 데이터 관리 웹 표준 / 웹 접근성 준수 크로스 브라우징 대응 / 반응형 웹 구현 회사 주요 이미지 에셋 관리 가끔 기획+디자인+개발
22. 자사 서비스 마크업 전담 .Z.VTJD5BTUF
23. 자사 서비스 마크업 전담 $PJOPOF
    
    $(&9
24. 팀 / 기업사이트 프로모션페이지
25. ഥਗоੑ੉
    غוջউغוջب
    ઺ਃೞ૑݅ ↟ ఃࠁ٘੄
    UBCః
    ݅ਵ۽
    JOQVU
    ਃࣗ
    ٜਸ
    ੉زೡ
    ࣻ
    ੓ח૑
    ↟ JOQVU੄
    ನழझ
    ࢚కܳ
    ࢎਊ੗о
    ੋ૑ೞӝ
    ਊ੉ೠ૑
    ↟ MBCFMҗ
    JOQVU੉
    োѾغয
    ੓ח૑
    ↟ ੸੺ೠ
    QMBDFIPMEFSо
    ٜযо
    ੓ח૑
    ↟ ੸੺ೠ
    ਤ஖ী
    ী۞ݫद૑о
    ࠁৈ૑ח૑
    ↟ ഥਗоੑ
    ೒۽਋о
    ੉࢚ೞ૓
    ঋח૑ UI/UX에 대한 이해
26. 다양한 레이아웃
27. Ҋ੿৔৉ ಕ੉૑ ੹୓ ֫੉ - Ҋ੿ ৔৉ Ҋ੿ ৔৉ Ҋ੿ ৔৉ Ҋ੿ ৔৉ Ҋ੿ ৔৉ ಕ੉૑ ੹୓ ֫੉ - Ҋ੿ ৔৉ ৔৉ ղ झ௼܀ ಕ੉૑ ੹୓ ֫੉ - Ҋ੿ ৔৉ ৔৉ ղ झ௼܀ Ҋ੿ ৔৉ Ҋ੿ ৔৉ Ҋ੿ ৔৉
28. 끝?
29. ݽ߄ੌ ೧ঠ૑
30. 반응형 웹 크로스 브라우징
31. 디자인 시스템 체계화
32. 마크업 설계 때부터 구조화된 접근이 필요
33. 디자이너가 디자인에 집중할 수 있게 개발자가 개발에 집중할 수 있게
34. 웹 기반 서비스를 운영하는 곳에 꼭 필요한 직군
35. 생존기
36. 일잘러가 되어보자 ੌ
    ੜೞח
    ࢎۈ
37. 일을 잘한다 = 개발을 잘한다
38. 일을 잘한다 = 개발을 잘한다 ѐߊ݅
    ӝӭաѱ
    ੜೠ׮ݶ
    ରۄܻ
    ੋ
    ࢎস੗о
    غࣁਃ
39. 실무 능력은 기본 스스로 찾아 일하는 능력 원활한 커뮤니케이션 능력 협업 프로세스 적응 능력 일을 잘한다 = ѾҴ
    ࢎۈ੉
    ࢎۈҗ
    ೣԋ
    ೞח
    rੌs
40. 기록만이 살길이다 호기심을 잃지말자 다재다능 멀티능력 아는만큼 힘이된다 마크업을 알려보자 앞으로 하고싶은것
41. 기록만이 살길이다
42. 취업은 했는데 동료도 사수도 없다…?
43. 나를 위한, 그리고 나같은 사람을 위한 개발 블로그
44. 블로그가 주는 장점 내가 뭘 고민했었는지 그리고 어떻게 헤쳐나갔는지 되돌아 볼 수 있고 이런 관심들을 가지고 노력을 해왔다는 것을 증명 +면접의 기회
45. 블로그가 주는 장점 내가 뭘 고민했었는지 그리고 어떻게 헤쳐나갔는지 되돌아 볼 수 있고 이런 관심들을 가지고 노력을 해왔다는 것을 증명 +면접의 기회 나를 위한 개발위키
46. 세상에 좋은 블로그 정—말 많다 ݆਷
    दрҗ
    ֢۱੉
    ೙ਃ
47. &
49. 간결하고 정확하게 문제상황 정리하고 빠른 해결책 제시!
50. #2016블로그결산 #IT인터넷 #상위10%부지러너 #2년차블로그 #4만+방문자 #100+포스팅
51. оՔ਷
    ন૕੄
    Ӗب
    ॺפ׮ƃƃƃ
52. 블로그 귀찮은데요 Ӓۢ
    ֢࣌ਵ۽
    য়ࣁਃ
53. T.I.L Today I Learned ߄ࢂؘ
    ঱ઁ
    ࠶۽Ӓ
    ੿ܻ೧ਃ
    ੌ
    ೞ׮о
    ঌѱ
    ػ
    ࢜۽਍
    ૑धٜ
    ഑਷
    ղо
    ೞܖઙੌ
    ࢗ૕೮؍
    ਗੋٜ
    ب਑ػ
    ݂௼ٜਸ
    ߄۽߄۽
    ੿ܻ೧ࠁࣁਃ
    X
54. 호기심을 잃지말자
55. 1. 디자인을 바라보는 시각
56. 안 된다고 말하기 전에 최대한 고민할 것 ߑযӝ૕
    ޖઑѤ߈ࢎ
    ૑ন
57. 새로운 디자인 서로에게 주는 시너지 디자이너의 의욕 + 마크업 의욕
58. 2. CSS를 바라보는 시각
59. 제가 CSS로 그린 캐릭터에요!
60. 내가 더 잘할 수 있겠는데? 제가 CSS로 그린 캐릭터에요!
62. LIVE CODING https://youtu.be/36JmFKVDVEI
63. https://codepen.io/collection/AVKvZM/ 약 2달간 그려낸 CSS Drawings
64. 2016.11.28. 코드펜 선정 콜렉션에 2개의 콜렉션이 동시선정
65. C S S 드로잉 라이언그리기 튜토리얼제작
66. 이런거 왜 해요?
67. 재밌잖아요! ੉۠Ѣ
    ৵
    ೧ਃj
68. 재밌잖아요! ߈ࠂغח
    ഥࢎੌীࢲ
    ߩযա
    ହ੄੸ਵ۽
    ੽Ӕೡ
    ࣻ
    ੓ח
    दр
69. CSS로 이런것도 할 수 있다고 보여주고 싶었어요
70. 다재다능 멀티능력
71. 스타트업의 장점 ױ੼ 내가 할 수 있다면, 내 일이 될 수 있다.
72. #오픈소스 ೐۽؋౟ী
    ੗઱
    ॳ੉ח
    ର౟
    ழझథ
73. #개발外1 %
    4MJEFSܳ
    ࢎਊೠ
    ೖ୛
    ٣੗ੋ
74. #개발外2 ਤઇ
    ӝദ ٣੗ੋ ೐۽షఋ੉ೝ
75. #PM가능 ӝദ٣੗ੋѐߊਸ
    ੉೧ೞח
    ੋ۱
76. 아는만큼 힘이된다
77. #꼼꼼한 체크는 필수 ੌ੉
    ֈযৢ
    ٸ
    ൤झషܻ
    ୓௼ח
    ೙ࣻੑפ׮
    ژೠ
    ੹׳ػ
    ؀۽
    ࢤпহ੉
    ױࣽ
    ੘স݅
    ೞח
    Ѫ੉
    ইפۄ
    ղਊب
    ԝԝೞѱ
    ഛੋ೧ࠁҊ
    ࡅ૓
    Ѥ
    হח
    ૑
    ഛੋ೤פ׮ ✍
78. #꼼꼼한 체크는 필수 ੉ۧѱ
    ঌѱ
    ػ
    ੿ࠁח
    औѱ
    ੕ഃ૑૑
    ঋणפ׮
    খࢲ
    ݈೮٠੉
    ӝ۾ਵ۽
    թѹفݶ
    ؊
    ഛप೧૑ભ
    թٜࠁ׮
    ؊
    ݆੉
    ঌҊ
    ੓׮ח
    Ѥ
    ࠙ݺ
    ъ੼੉
    ؾפ׮ ✨
79. 마크업을 알려보자 ѐߊ
80. 회사 안 뿐만 아니라, 이제는 바깥에서의 시선도 바꿔보고 싶다
81. 작은 노력들이 모여 마크업 개발을 바라보는 시각이 개선 되길 바라며
82. 외부활동을 통해 마크업 개발자를 알리자 ֎౟ਕఊ
    ౵౭
    ೯ࢎ
    ߊ಴
    ଵৈ
    ١
83. #프로그라피 ؀೟ࢤ
    ো೤
    ೐۽Ӓې߁
    زইܻ
    ৘࠺
    ѐߊ੗
    ઱פয
    ѐߊ੗
    ٜীѱ
    ݃௼স
    ѐߊ
    ݭష݂
    ૓೯
84. 앞으로 하고싶은것
85. 커뮤니티 활성화 세미나/컨퍼런스 개최 84$POG
    UI
    $44$POG
    ,PSFB
    ৌযࠁҊ
    रযਃ
    ೯ࢎ
    ӝദ઺੉नؘ
    ੌೡ
    ࢎۈ
    ೙ਃೞदݶ
    োۅ઱ࣁਃ
86. [JOFFXPSME!HNBJMDPN [JOFFXPSMEUJTUPSZDPN @zineeworld ೣԋ
    ੉ঠӝ
    աׇਃ
87. 긴 발표 들어주셔서 감사합니다 .