Presentations
Templates
Features
Teams
Pricing
Log in
Sign up
Log in
Sign up
Menu
Hello, SDS !
I'm from Studio XID
https://www.protopie.io/
프로토타이핑 툴을 만들어 판매
스케치 말고 프레이머
직원 12명의 작은 스타트업
대부분 구글, 네이버 출신
재택 근무를 권장
실제로 춘천과 제주도 거주
개발자가 7명
5명이 15년차 이상
Mark
저는 `이웅재` 라고 합니다.
8년차 소프트웨어 엔지니어
iPhone 개발로 입문
Android 개발 (당시에는 1 + 1)
웹개발
컴퓨터 비전 소프트웨어 엔지니어
Electron, TypeScript 로 데스크탑 앱 개발
타입스크립트 한국 유저 그룹 오거나이저
일렉트론 한국 유저 그룹 운영자
Seoul.JS
오거나이저
https://seoul.js.org/
AWS Certificate
흔한
스타트업 개발자의 하루 (1) - 빛
10시 30분에 구글 행아웃을 통한 스탠드업 미팅
거의 10시 23분 정도에 일어남
Jira 를 통해 어제 한일과 오늘 할일 정리하고 브리핑
컴퓨타 함
회의가 있으면 구글 행아웃을 통해 회의 참여
12시 30분이 사무실 근무자들 식사 시간
재택 근무자는 똑같은 시간에 밥을 먹지 않음
그냥 컴퓨타 할때가 많음
배고파지면 밥을 먹고, 아니면 컴퓨타 혹은 회의
사무실 근무자는 대개 6 ~ 7시 퇴근
재택 근무자도 컴퓨타 그만!
흔한
스타트업 개발자의 도구
면대면으로 하지 않는 대신 도구의 활용이 무척 중요
슬랙
급하거나 업무시간에만 노티가 가도록 설정 및 배려
아직도 전화번호가...
행아웃
타자 치기 답답한 그 순간 `행아웃 하실래요 ?`
스펙 논의, 코드 리뷰
Jira
태스크를 최대한 잘게 쪼개야 일한 티가 난다.
Upsource
코드 리뷰 툴
모든 코드는 2인 이상 확인한다는 룰
다른 엔지니어에게 리뷰를 요청하고, `Accept` 받음
흔한
스타트업 개발자의 하루 (2) - 그늘
사무실은 퇴근을 했지만, 재택 근무자는 먼가 허전
다시 컴퓨타
하루를 보람차게 보내지 않은건 도구를 통해 티가 남
집에서 야근을 하게 됨
아내한테
쿠사리
그래도 일잘하는 멋진 동료가 되고 싶어 새벽에도 컴퓨타
결국 늦게 잠듬
그래서 아침에 늦게 일어남.
되풀이되다가 번아웃...
TypeScript
실제 프로덕트에 사용한지
벌써
1년
이전에는 es6 (babel) 사용
현재 모든 사내 프로젝트에 타입스크립트 사용
Electron + TypeScript
Node.js + Express + TypeScript
Next.js + TypeScript + MobX / Clojure (?)
AWS Lambda + TypeScript
계속 열일하는 타입스크립트
2.0 나오면서 도입
현재 2.4
필요성 - 늘어나는 파일들...
데스크톱 앱을 만들면서 늘어는 파일의 수
현재 src 폴더에 546개
사람이 관리 가능한 파일의 수가 아님
어제 작성한 코드를 오늘 까먹...
변경이 잦은 요구 사항
불확실한
프로젝트
타입스크립트가 해결 가능한가요
TypeScript = Language
타입스크립트는
' 프로그래밍 언어 '
입니다.
타입스크립트는
' Compiled Language '
입니다.
전통적인 Compiled Language 와는 다른 점이 많습니다.
그래서
' Transpile '
이라는 용어를 사용하기도 합니다.
자바스크립트는
' Interpreted Language '
입니다.
Compiled
컴파일이 필요 O
컴파일러가 필요 O
컴파일하는 시점 O
=> 컴파일 타임
컴파일된 결과물을 실행
컴파일된 결과물을 실행하는 시점
Interpreted
컴파일이 필요 X
컴파일러가 필요 X
컴파일하는 시점 X
코드 자체를 실행
코드를 실행하는 시점 o
= 런타임
정적 타입 언어 VS 동적 타입 언어
컴파일러
Superset
Type 시스템이 Key 입니다.
JavaScript 는 런타임에 에러를 뱉습니다.
TDD 와 TypeScript
그래서 Test 드리븐 개발을 통해 런타임을 돌려보며, 코드를 확인합니다.
테스트 커버리지를 높이는 이유
타입스크립트는 테스트와는 관련이 없습니다.
타입스크립트가 바라보는 곳과 테스트가 주시하는 곳은 다릅니다.
타입스크립트는 테스트가 돌기 전에 알려주는 곳입니다.
실수 방지에 뛰어난 역할을 합니다.
A 라는 클래스를 B 와 C 에서 사용하는데, B 작업 중 A 를 수정하면, C 도 수정해야 한다고 알려주는 역할
사실 이거 하나만으로도 굉장히 훌륭하다고 할수있습니다.
TypeScript 도입 장애물
타입스크립트에 대한 레퍼런스의 부족
완벽한 편견입니다.
2.0 이후 부터가 진짜입니다.
구글도 공식 언어로 지정했습니다.
검색해보세요.
예전 같지 않습니다.
기본적으로 자바스크립트로 가능한 모든 개발을 타입스크립트로 할수있습니다.
이제는 type definition 파일도 번들로 제공합니다.
redux
mobx
moment
electron
동료 개발자들이 호응해 주지 않아서
끊임 없는 설득
밤사이에 바꿔놓기
그 팀을 떠나세요 !
레거시 코드가 자바스크립트여서
가장 어려운 케이스인것 같습니다.
기존 레거시가 es6 (babel) 이라면, 자연스럽게 단계적으로 옮겨가는 것을 추천합니다.
아니라면,
다시 프로젝트를 처음부터...
타입스크립트 언어 학습에 대한 부담
타입스크립트 한국 유저 그룹
https://www.facebook.com/groups/TSKorea
https://ts-korea.now.sh/
세미나 동영상
https://www.inflearn.com/
현업 도입시 생기는 시간(기타)에 대한 리스크 부담
그것은 학습을 통해
컴파일 환경에 대한 거부감
여러분이 리액트를 하신다면, 여러분은 이미 컴파일을 하고 있는 겁니다.
요즘 자바스크립트에서 누가 컴파일 안하나요?
자신을 속이고 있는 겁니다.
어차피 컴파일할거면 제일 좋은걸 쓰자구요!
Hello, SDS
By Woongjae Lee
Made with Slides.com
Hello, SDS
Samsung SDS 런치 세미나 발표자료
1,078
Woongjae Lee
NHN Dooray - Frontend Team
medium.com/@2woongjae
2woongjae
More from
Woongjae Lee