This repository has been archived by the owner on May 28, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
292 lines (186 loc) · 19.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>마플 기술 블로그</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:type" content="website">
<meta property="og:title" content="마플 기술 블로그">
<meta property="og:url" content="https://marpple.github.io/index.html">
<meta property="og:site_name" content="마플 기술 블로그">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="마플 기술 블로그">
<link rel="shortcut icon" href="/css/images/favicon.ico">
<link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div id="container">
<div id="wrap">
<header id="header">
<div id="header-outer" class="outer">
<div id="header-title" class="inner">
<a href="/">
<img src="//s3.marpple.co/s/5/marpple2/img/f_w_logo.png">
</a>
</div>
<div id="header-inner" class="inner">
<nav id="main-nav">
<a id="main-nav-toggle" class="nav-icon"></a>
<a class="main-nav-link" href="/">마플 기술 블로그</a>
<a class="main-nav-link" href="/about">소개와 링크</a>
<a class="main-nav-link" href="https://github.com/marpple">Github</a>
</nav>
<nav id="sub-nav">
<!--<a id="nav-search-btn" class="nav-icon" title="Search"></a>-->
</nav>
<!--<div id="search-form-wrap">-->
<!--<form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit"></button><input type="hidden" name="sitesearch" value="https://marpple.github.io"></form>-->
<!--</div>-->
</div>
</div>
</header>
<div id="body" class="outer">
<section id="main">
<article id="post-interview" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2017/05/29/interview/" class="article-date">
<time datetime="2017-05-29T07:00:00.000Z" itemprop="datePublished">2017-05-29</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2017/05/29/interview/">마플의 개발자 인터뷰</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<h3 id="신입-개발자가-더-많은-마플-개발팀"><a href="#신입-개발자가-더-많은-마플-개발팀" class="headerlink" title="신입 개발자가 더 많은 마플 개발팀"></a>신입 개발자가 더 많은 마플 개발팀</h3><p>마플 개발팀은 현재 5명인데, 그 중 3명은 모두 마플이 첫 직장인 분들입니다. 그리고 개인적으로는 성공적인 채용이 되었다고 생각하고 있습니다. 정말 운이 좋게 좋은 분들이 와주신 것이기도 하지만, 그동안 개발자 인터뷰를 어떻게 진행해왔는지 이야기해보고자 합니다.</p>
<h3 id="지원자와-함께-인터뷰를-만들기"><a href="#지원자와-함께-인터뷰를-만들기" class="headerlink" title="지원자와 함께 인터뷰를 만들기"></a>지원자와 함께 인터뷰를 만들기</h3><p>개발자 면접시간에 항상 제일 먼저 이야기한 것은 “이 시간은 서로에 대해 확인하는 시간입니다.”라는 것이었습니다. 특별히 정해둔 형식은 없으며 짧은시간동안 서로에 대해 최대한 충분히 아는 것이 목적이라고 이야기했습니다. 최대한 인터뷰의 형식과 방법도 지원자와 함께 만들어가고자 했습니다.</p>
<p>저는 신입 개발자 면접에 대해 약간의 원칙을 가지고 있는데요. 지원자가 얼마나 알고 있는가에 대해서는 거의 보지 않습니다. 더욱 보지 않은 것은 무엇을 모르고 있는가입니다. 지원자가 얼마나 알고 있는지, 무엇을 모르고 있는지는 사실 조금만 대화해보거나 이력서만 봐도 어느 정도 가늠이 가능합니다. 혹시 내가 저평가하지는 않았는지를 확인하는 정도로만 질문을 하고, 모를 것 같은 내용을 찾아들려고 하거나 곤란한 질문을 해서 위화감을 조성하거나 위기 능력(?)을 알아보는 일 등은 전혀 하지 않았습니다.</p>
<p>정말 중요하게 본 한 가지는 “얼마나 성장할 것 같은가?” 였습니다. 이를 알아보기 위해 제가 사용한 첫 번째 방법은 자유롭게 대화하는 것이었고, 두 번째는 특정 기술에 대해 알려드리는 것이었습니다. 이렇게 한 이유는 시간을 내서 면접에 찾아와주신 분들이 하나라도 얻어가실 수 있길 바라는 마음도 있었고, 그 시간을 통해 지원자가 “정말로 이 문제에 대해서 궁금해하는가?”를 느낄 수 있다고 생각했기 때문입니다. 지원자가 해당 분야를 정말 재밌어하는지, 질문을 하는지, 하나를 말하면 새로운 궁금증을 갖는지, 눈빛이 또렷한지를 알고 싶었습니다.</p>
<p>마플에 입사한 개발자분들은 몇몇 기술에 대해 알려드릴 때 눈빛이 모두 초롱초롱 했습니다. 그리고 이전에 이야기 했던 것처럼 마플에 <a href="/2017/05/25/partialjs/">기여와 폭풍 성장</a>을 해주고 있습니다.</p>
<h3 id="마플의-새-프로젝트"><a href="#마플의-새-프로젝트" class="headerlink" title="마플의 새 프로젝트"></a>마플의 새 프로젝트</h3><p>지금의 마플은 <a href="http://www.marpple.com" target="_blank" rel="external">네 번째 버전</a>입니다. 이제 곧 우리는 다 같이 새로운 마플을 만들 것이고 멋진 프로젝트가 될 것이라 확신합니다. 우리는 작은 팀이지만 프로젝트를 진행하는 과정에서 또 다른 오픈소스가 나올 수 있다면 공개해보도록 하겠습니다. 화이팅이고 감사합니다.</p>
</div>
<footer class="article-footer">
<a data-url="https://marpple.github.io/2017/05/29/interview/" data-id="cj3a4pi0d0001w4p0pt83f6fa" class="article-share-link">Share</a>
<a href="https://marpple.github.io/2017/05/29/interview/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/indongyoo/">indongyoo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/interview/">interview</a></li></ul>
</footer>
</div>
</article>
<article id="post-production-team" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2017/05/29/production-team/" class="article-date">
<time datetime="2017-05-29T03:44:00.000Z" itemprop="datePublished">2017-05-29</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2017/05/29/production-team/">마플의 출고 지연 공지</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<p><a href="https://www.marpple.com/help#hd/2/content/151" target="_blank" rel="external">https://www.marpple.com/help#hd/2/content/151</a></p>
<p>마플의 제작팀 화이팅입니다. 정말 공지처럼 밤낮없이 제작하고 계십니다. 하루라도 고객에게 빨리 배송되게 하기 위해서 택배 회사가 문 닫는 직전 시간까지(아마도 자정 넘어 새벽 1시) 작업하고 직접 택배사에 차에 실어 옮기기도 하시는 제작부 팀장님과 좋은 품질의 상품을 만들고 계신 제작부 팀원 분들, 많은 고객의 요청에 성심껏 응대하시고 고객의 시안이 더 나은 제품이 되도록 보정하고 신경 써주시는 운영팀 팀장님과 팀원 분들 모두 정말 수고 많으시고 존경합니다.</p>
<p>그리고 그 일에 매일 제작부가 퇴근할 때까지 함께 제작과 포장을 직접 하고 계신 대표님도 정말 존경합니다. 금요일이나 휴일 전날에는 계속 아침까지 작업을 하고 계셔서 건강 상하실까 걱정됩니다. 하루빨리 지연된 모든 주문 건이 배송이 되고, 생산성이 더 높아져서, 더 즐겁고 행복한 마플이 되길 간절히 바랍니다.</p>
<p>도움이 되지 못해 죄송한 마음이고 내부 시스템의 부족한 부분들 때문에 너무나 마음이 쓰입니다. 개발팀도 좋은 서비스와 내부 시스템을 잘 만들어서 운영팀과 제작부 그리고 고객 모두 만족하는 이용 경험이 이루어지도록 노력하겠습니다.</p>
<p>마플 화이팅입니다. : )</p>
</div>
<footer class="article-footer">
<a data-url="https://marpple.github.io/2017/05/29/production-team/" data-id="cj3a4pi0h0003w4p02fpk9ast" class="article-share-link">Share</a>
<a href="https://marpple.github.io/2017/05/29/production-team/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/indongyoo/">indongyoo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/장인정신/">장인정신</a></li></ul>
</footer>
</div>
</article>
<article id="post-partialjs" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2017/05/25/partialjs/" class="article-date">
<time datetime="2017-05-25T07:00:00.000Z" itemprop="datePublished">2017-05-25</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2017/05/25/partialjs/">Partial.js 1.0.0을 배포했습니다.</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<h2 id="lmn-js-gt-lego-js-gt-L-js-gt-abc-js-gt-Partial-js"><a href="#lmn-js-gt-lego-js-gt-L-js-gt-abc-js-gt-Partial-js" class="headerlink" title="lmn.js -> lego.js -> L.js -> abc.js -> Partial.js"></a>lmn.js -> lego.js -> L.js -> abc.js -> Partial.js</h2><p>Partial.js는 마플에서 일하는 개발자들과 함께 만든 함수형 자바스크립트 라이브러리입니다. 그동안 여러가지 형태로 변형되어왔는데요. 이제 어느정도 안착되었다고 볼 수 있겠습니다. Partial.js 이전 버전의 라이브러리들은 마플 서비스에 적용되어있고, Partial.js는 마플이 만들고 있는 새로운 서비스에 적용되어있어요. 저희는 마플을 Partial.js를 통해 만들고 있습니다. lmn.js -> lego.js -> L.js -> abc.js -> Partial.js 이렇게 이어진 프로젝트를 저희는 이제 Partial Project 라고 부르고 있습니다. :)</p>
<h2 id="마플과-Partial-Project를-만드는-사람들"><a href="#마플과-Partial-Project를-만드는-사람들" class="headerlink" title="마플과 Partial Project를 만드는 사람들"></a>마플과 Partial Project를 만드는 사람들</h2><p>저희는 마플 개발자들인데요. 모두 함께 Partial Project의 코드들을 만드는데 참여했습니다. 그리고 핵심 기여자들 중 4명은 모두 신입 개발자라는 사실!</p>
<p>박필정님은 2015년 4월에 마플에 신입 개발자로 입사해서 지금은 슈퍼 울트라 풀스택 개발자가 되어있습니다. 박필정님은 Partial.js가 lego.js이던 시절부터 함께 설계하고 많은 고민을 함께 했습니다. 많은 코드와 좋은 디자인을 남겼습니다. Partial.js에서는 Mutable, Immutable, Box, Noti 등을 작성했고, 공개된 라이브러리는 아니지만 마플 내부에서 데이터베이스를 다룰 때 사용하는 Query 빌더 이자 Nested Object 빌더인 Partial.pg.js 도 만드셨어요. 팀에서는 에이스 역할을 톡톡히 하고 있습니다. 지금의 마플 사이트의 메신저, 상품 목록, 검색, 리뷰 등 그외 오픈했다가 역사속으로 사라진 수많은 기능들을 다 만들어내기도 했어요.</p>
<p>최한아님은 2016년 1월에 마플에 신입 개발자로 입사한 역시 풀스택 개발자입니다. 어버버하게 있다가 갑자기 뜬금포로 천재적인 면모를 보여주는 재밌는 캐릭터를 가지고 있어요. 최한아님은 마플에 오기전에는 자바스크립트의 ‘ㅈ’자도 모르는 개발자였는데, abc.js 시절부터 지금의 파이프라인 함수들의 비동기 제어와 <code>each</code>, <code>map</code>, <code>reduce</code> 등의 컬렉션을 다루는 주요 응용형 함수들의 비동기 제어 함수들을 만들고, Pug(Jade) 문법과 비동기 제어를 지원하는 템플릿 엔진도 개발했습니다. 팀 내에서는 정규식 모를 때 최한아님께 물어보면 자판기처럼 바로 답을 주어요. (그리고 이건 비밀이지만… 그녀는 지금 마플의 핵심 기능 중 하나인 상품 만들기 툴의 네 번째 버전을 새롭게 만들고 있습니다.)</p>
<p>하조은님은 2016년에 8월에 마플에 신입 개발자로 입사한 역시 풀스택 스웩. 마플의 모든 개발자는 풀스택 개발자로 일하고 있습니다. 하조은님은 학습 능력이 엄청나요. 같이 뭔가를 해보기로 얘기하면 바로 합니다. 우리가 Underscore.js를 리스펙하고 있어서, Underscore.js에 없는 함수만 만들다가… Partial.js로 넘어오면서 <code>_</code>로 네임스페이스를 통일하기로 한 후 지금의 Partial.js가 되었는데요. 그러면서 Underscore.js에 있는 함수들을 우리 스타일로 재구현해주셨어요. 그리고 두둥! 하조은님은 파이썬 버전의 Partial.py도 만들었습니다. 그리고 마플의 하이브리드 모바일 앱, 마플 기술 블로그, Partial.js 사이트 등을 만들었어요. 그동안 쌓은 내공으로 마플의 다음 버전(“위 고잉 투 더 넥스트 레뷀!”)의 주문, 결제, 이슈 트래커 등을 만들고 있습니다.</p>
<p>박정익님은 역시 풀스택 개발자이고 현재 FA 선수입니다. 이공계로 시작했다가 영어를 전공하고 러시아에서 살며 언어들을 탐구해오며 수많은 추억을 가지고 있는 그는 다 접고(?) 다시 돌아와, 작년 가을 그의 나이 31살 늦은 나이부터 개발을 공부하기 시작한 낭만 개발자인데요. 호기심 끝판왕 궁금한건 계속 파고드는 성격이 있어요. 비동기, 이벤트 루프 등에 대해 벌써 깊이 파고 들어서… 아마 사고칠만한 개발자가 될 것이라고 생각됩니다. 아무튼 박정익님은 Partial.js의 파이썬 버전을 만들었어요. 그리고 ‘스토리’라는 이름의 무언가에 대한 프로토타입을 만들었는데 그런 기능과 기술들이 마플안에서 언젠가 요긴하게 쓰일 것이라 생각합니다.</p>
<p>그 외 꼰대가 되지 않기 위해 계속해서 허슬하고 있는 <del>래퍼</del>개발자 두명의 이야기는 나중에 또 해볼께요.</p>
<h2 id="Partial-Project"><a href="#Partial-Project" class="headerlink" title="Partial Project"></a>Partial Project</h2><ul>
<li>함수형 자바스크립트 라이브러리 <a href="https://marpple.github.io/partial.js">Partial.js</a></li>
<li>함수형 파이썬 라이브러리 <a href="https://marpple.github.io/partial.py">Partial.py</a></li>
</ul>
<p>Partial Project는 앞으로 다양한 언어 버전으로도 나올 것이고 그것의 시작이 Partial.py 입니다. 언어외에도 다양한 문제 해결에 대한 새로운 시도를 계속 만들어보려고 하는데요. 이를테면 DOM 조작이나, 데이터베이스를 다루는 것들?</p>
<p>다양한 시도와 노력들을 해볼 예정입니다. 사실 저희는 아직 아주 잘하는 개발자는 아니지만, 개발팬의 마음으로 일하려고 노력하고 있습니다. 함수형 프로그래밍을 좋아하고 또 그외 많은 재밌는 시도들을 좋아하는 개발팀입니다. 앞으로도 마플에서 재밌는 이야기를 계속 만들어갈 수 있으면 좋겠습니다.</p>
<div style="color: #fff;">힙합이 싫으면 너희들은 왜 힙합 해<br>힙합을 사랑하는 척 다들 힙 Pop 해<br>나는 래퍼이기 전에 진짜 힙합 Fan<br><br>– Dok2 –<br></div>
</div>
<footer class="article-footer">
<a data-url="https://marpple.github.io/2017/05/25/partialjs/" data-id="cj3a4pi0m0005w4p0t9ijr9kt" class="article-share-link">Share</a>
<a href="https://marpple.github.io/2017/05/25/partialjs/#disqus_thread" class="article-comment-link">Comments</a>
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/indongyoo/">indongyoo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/partialjs/">partialjs</a></li></ul>
</footer>
</div>
</article>
<article id="post-welcome" class="article article-type-post" itemscope itemprop="blogPost">
<div class="article-meta">
<a href="/2017/04/12/welcome/" class="article-date">
<time datetime="2017-04-12T01:58:51.000Z" itemprop="datePublished">2017-04-12</time>
</a>
</div>
<div class="article-inner">
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2017/04/12/welcome/">Hello world!</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<h2 id="마플-기술-블로그에-오신-것을-환영합니다"><a href="#마플-기술-블로그에-오신-것을-환영합니다" class="headerlink" title="마플 기술 블로그에 오신 것을 환영합니다."></a>마플 기술 블로그에 오신 것을 환영합니다.</h2><p>마플과 마플 개발팀의 이야기를 있는 그대로 편하게 담는 공간으로 운영하려고 합니다.</p>
<p>들려주셔서 감사합니다. :)</p>
</div>
<footer class="article-footer">
<a data-url="https://marpple.github.io/2017/04/12/welcome/" data-id="cj3a4pi0o0006w4p0vo6balq5" class="article-share-link">Share</a>
<a href="https://marpple.github.io/2017/04/12/welcome/#disqus_thread" class="article-comment-link">Comments</a>
</footer>
</div>
</article>
</section>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
© 2017 Marpple Inc.
</div>
</div>
</footer>
</div>
<nav id="mobile-nav">
<a href="/" class="mobile-nav-link">마플 기술 블로그</a>
<a href="/about" class="mobile-nav-link">소개와 링크</a>
<a href="https://github.com/marpple" class="mobile-nav-link">Github</a>
</nav>
<script>
var disqus_shortname = 'marpple';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script src="/js/script.js"></script>
</div>
</body>
</html>