프론트엔드개발밋업 1회 발표

1. 웹 마스터에서 웹 퍼블리셔,
그리고 프론트엔드개발자로
@shoo7830

2. 발표자 소개
• 이름: 김인숙
• 직업: 프론트엔드개발자
• 소속: 가비아 프론트엔드개발팀
• 관심 기술: React, Flutter
• 개발 블로그: https://aria-frontend.dev
• 여우같은 남편과 비글 같은 딸을 두고 있으며 9할
이 야매개발이라 탁월한 프론트엔드개발자가 되는
것이 목표

3. 직군 전환
Step1.
Web Master
Step2.
Web Publisher
Step3.
Front-end
Developer
2001. 12 ~ 2007. 02 2007. 09 ~ 2017. 05 2017. 05 ~ 현재

4. Step1. Web Master

5. 시작은 웹 마스터
• 웹 서버를 관리하면서 프로그래밍도 하고 동시에 디자인 작업까지 맡아서 하는 직군
• 왠지 다양한 것을 할 줄 알아야 취업에 유리하다고 생각
• 비 전공자에 신입이라 50군데 정도 이력서 넣었던 기억
• 2001년 12월 4일 첫 회사 알서포트 출근
• 고생하며 만든 사이트, 하루 만에 다시 만들기로 결정
• 고객지원 업무 추가

6. 웹 마스터 직군에 대한 회의감
• 출판사 웹 마스터로 이직하면서 마케팅 관련 업무 추가
• 회사 내부 발주시스템 서버 구매 및 교체 업무
• 사내 프로그램 라이센스 관리
• 전사 전산용품 구매 관리
• 다양한 직군의 일에 대한 경험은 쌓이지만 지식은 깊지 않았음
• “한 가지 직군에 집중하고 싶다.”

7. Step2. Web Publisher

8. 웹 퍼블리셔로 전환 전
• 종가푸드샵 개편 외 다양한 사이트 html코더 아르바이트
• 테이블 레이아웃 코딩만 할 줄 알았던 상태
• “개발하기 쉽게 잘 짜줘서 고마워요.”
• 저 말 한마디로 html 코딩 별거 아니네…라고 자만
• 한 가지 업무에 집중할 수 있는 웹 퍼블리셔를 해보기로 결심

9. 웹 퍼블리셔, 누가 쉽다고 했나?
• 웹 표준, 웹 접근성에 대해 아무 것도 몰랐음
• 관련 도서는 무조건 다 구매, 관련 개발자의 블로그글은 올라오면 정독
• CSS Design Korea, 하코사 커뮤니티 등 찾아서 가입
• 사이트 마크업 분석
• 넉 달 후 회사의 메인 페이지 개편 마크업 진행
• 더 나은 조건의 회사로 이직

10. 희망 퇴직, 어려워진 구직
• 다니던 회사의 규모 축소
• 길면 석 달만 쉬면 될 줄 알았는데 6개월 동안 쉬게 됨
• 프리랜서로 6개월 일하고 나니 안정적인 직장이 필요하게 됨
• 다시 들어간 회사는 앱 기획, 마케팅 업무도 시키기 시작
• 1년 간 구직 활동으로 지금 회사에 들어오게 됨

11. 육아휴직, 그리고 복귀
• 웹 퍼블리셔만 있는 팀을 만들려고 할 때 임신
• 출산 후, 반 년만 쉬고 복귀하려고 하였지만 아이의 어린이집을 못 구했음
• 결국 9개월 쉬고 복귀, 실력과 감이 떨어져서 자존감도 바닥
• 이 길이 내 길이 맞나 고민하던 시기

12. Step3. Front-end Developer

13. 프론트엔드개발자로 직군 전환
• 팀의 이름이 프론트엔드개발팀이라 UI제어 자바스크립트도 다룸
• 나에게 항상 아킬레스 건과 같은 존재는 자바스크립트
• 자바스크립트라는 이름만 들으면 머리가 아파오거나 압도감을 느낌
• 남들이 보기에는 위축된 모습으로 보였음.
• 근본적인 컴퓨터 공학 지식의 필요성을 느낌.
• 정보처리기사 자격증 취득

14. 프론트엔드개발에 대해 어떻게 공부했나?
• 프론트엔드개발 관련 컨퍼런스, 밋업은 거의 대부분 참석
• 프론트엔드개발 관련 스터디 참석 (feat. 남편의 적극적인 육아 참여)
• 배운 것은 사내에 공유, 서비스에 적용. 시행착오도 공유
• 사내, 사외 세미나 발표 지원
• Vue.js 도입 제안

15. 하이웍스 전자결재 개편 소개 페이지
• 서비스링크: https://www.hiworks.com/hiworks_beta/
• 도입 경험: https://coding-with.me/2017/08/09/nuxt-project/
• 데이터 연동 없이 단순한 소개 페이지에 비해 오버스펙으로 작업

16. 가비아 메시징 관리툴 개편
• 프론트엔드와 백엔드 분리 개발 경험
• API연동에 대한 경험
• Nuxt.js, Vuex에 대한 경험
• 내가 자바스크립트를 얼마나 모르고 있는가에 대한 깨달음.

17. 프론트엔드개발 공부를 다시 해야하는데,
• 공부하려고 하니 집중력이 부족하고,
• 자투리 시간에 공부를 하다보니 얼마나 공부를 하고 있는지 모르겠고,
• 목표를 세워도 얼마나 달성했는지 모르겠다.

18. 프론트엔드개발, 이렇게 다시 공부한다.
• 집중력이 부족하다.
• 40분 공부, 20분 휴식
• TIME TIMER 활용
TIME TIMER

19. 프론트엔드개발, 이렇게 다시 공부한다.
• 하루에 얼마나 공부하는 지 알고 싶다.
• 스탑워치 활용
• 공부한 시간을 확인하기 좋음
드레텍 스탑워치

20. 프론트엔드개발, 이렇게 다시 공부한다.
• 목표치를 얼마나 달성했는지 궁금하다.
• 10minutes planner 활용
• 언제 공부를 했는지, 무엇을 공부했는지
체크 가능
10minutes planner

21. 프론트엔드개발, 이렇게 다시 공부한다.
• 모던 자바스크립트 관련 책 보면서 코드 따라 치기
• 리액트 관련 책/동영상 강의 보면서 코드 따라 치기
• 프론트엔드개발 관련 메일링 리스트 구독
• 프론트엔드개발 관련 유용한 글 pocket에 저장, 간단한 내용과 링크와 함께 Bear
에 별도 정리,
• 리액트 스터디 참석

22. 위기, 또 다른 기회
• 웹 마스터 시절에 계약만료, 길어진 구직기간 -> 웹 퍼블리셔 라는 직종을 선택
• 육아휴직 후 복귀 -> 다른 팀원들의 실력을 보고 자극 받음
• 원하는 팀으로 가지 못함 -> 내 실력을 돌아보고 프론트엔드개발 공부 시작

23. 준비하는 사람에게 기회는 꼭 옵니다.
• 자기계발은 복리로 돌아온다.
• 이력관리는 평소에도 필요하다.
• 내 자신에 대한 객관적인 평가
• 프론트엔드개발 기술 트렌드에 대한 관심
• 회사 업무 뿐만 아니라 내 자신을 위한 일을 하자
• 한계를 두지 말자

24. 고맙습니다.
Email: shoo7830@gmail.com