본문 바로가기메뉴 바로가기


카카오 사내 기술 세미나 ‘Techtalk’ – 네 번째 이야기

카카오 사내 기술 세미나 Techtalk, 네 번째 이야기입니다.
이번 Techtalk은 Front-End 기술을 주제로 디자이너, 백엔드개발자, 오픈소스커뮤니티 협업 세션으로 진행되었습니다.


크루들의 지식과 경험을 나눠 함께 성장해 가는 
Techtalk 네 번째 이야기

1. Functional CSS와 Figma를 이용한 디자이너와 웹 프론트 협업 이야기 –  카카오엔터프라이즈 / teo.yu (유용태)

svelte와 rx 그리고 figma, functional css를 좋아합니다. 무엇보다 좋은 사람들과의 협업을 좋아합니다. 현재 좋은 사람들과 함께 카카오워크의 화상회의와 캘린더 서비스를 만들어 가고 있습니다.

1부 : 전통적인 css 방법론에서 functional css를 사용하게 된 경험담을 공유합니다. 그리고 전통적인 css 방법론에서는 어떠한 어려움이 있었는지 알아봅니다.

functional css가 무엇이며 functional css를 사용하면 왜 좋은지 어떠한 경우에 functional css가 유용한지 설명합니다.

2부 : 현존하는 functional css framework중 가장 유명한 tailwindcss를 왜 현업에 쓰지 못했으며 이를 개선하기 위한 방법과 고민을 공유합니다.

자체적으로 새롭게 만든 function css framework를 소개하고 실제 캘린더 서비스를 개발하면서 figma와 함께 디자이너와 어떻게 협업을 성공적으로 이루었는지 공유합니다.

2. Mocking으로 생산성까지 챙기는 FE개발 –  카카오엔터프라이즈 / lawrence.net (마성민)

카카오엔터프라이즈 검색플랫폼프론트파트에서 검색 서비스 관련 프론트 개발을 담당하고 있습니다.

프론트엔드 개발자로서 개발 과정 간 겪게 되는 백엔드와의 의존성에서 나오는 문제점을 이야기해 봅니다. Mocking을 활용하여 이를 해결하고 효율적으로 프론트엔드 개발 및 피드백이 가능하도록 개선한 과정을 소개합니다.

Mocking을 쉽고 높은 레벨에서 활용하면서 더 나은 개발 및 테스팅 환경을 구현하기 위해 msw.js를 소개하고 이의 기반 기술인 서비스 워커에 대해서도 간단하게 공유합니다. Single Page Application 실무 개발 과정에서 이를 활용한 경험을 공유하면서 새로운 개발 경험을 사례로서 제시합니다.

3. 주니어 FE 개발자 오픈소스 성장기 –  카카오 /  joah.yeon (연주안)

카카오 FE플랫폼팀에서 프론트엔드 업무를 하고 있습니다. 프론트엔드 개발자를 위한 도구에 관심이 많습니다.

주니어 FE 개발자가 오픈소스 프로젝트에 뛰어들어 프로젝트 일원이 되기까지 겪은 경험을 공유합니다.

신입 FE 개발자로 입사해서 접한 오픈소스는 신기한 마법 같았습니다. 마법의 원리를 알기 위해 오픈소스 프로젝트에 참여하면서 겪은 경험을 공유하고자 합니다.

오픈소스에 참여하고 싶지만 방법을 잘 모르겠거나, 오픈소스 커뮤니티가 궁금한 분들께 도움이 되었으면 좋겠습니다.

네 번째 Techtalk을 마치며

teo.yu

테크톡에 참여하게 된 계기는 하나는 약간 비주류(?)인 제 기술 커리어를 알리기 위해서입니다. 🙂 svelte나 rx, 그리고 functional CSS까지 제가 좋다고 생각하는 것들은 살짝 주류에서 벗어난다는 생각이 들 때가 있었습니다. 충분히 장점이 있는데 잘 알려지지 못하는 것 같아서 “이런것도 있다!”라는 것을 홍보하면서 동시에 입지를 확보하고 싶었어요.

그리고 협업을 하면서 특히 저희 캘린더 서비스를 만들면서 비개발자와 개발적인 지식을 공유하는 것에 효용가치에 대해 크게 느낀 바가 있습니다. 각자의 기술이 아니라 서로의 영역을 알게 되면 같이 할 수 있는 새로운 영역이 있는 것 같았어요. 그래서 남의 이야기가 아니라 내가 접하고 있는 개발 이야기를 많이 다루고 싶다는 생각이 들었고 때 마침 좋은 기회가 있어 이렇게 참여하게 되었습니다.

lawrence.net

프론트엔드 개발자로서 가지고 있던 고충을 해결할 수 있었던 경험을 많은 분들에게 공유하고 좋은 피드백을 받을 수 있는 자리를 갖게 되어 뜻깊은 시간이었습니다. 발표를 준비하고 진행하면서 본인에게 부족한 점에 대해서도 스스로 깨닫고 앞으로 나아가는 과정에서도 TechTalk은 좋은 경험이라고 생각합니다.

준비하는 과정에서 TechTalk TF에서 제공해 주신 Template과 Asset들 덕분에 발표 자료를 만드는 데도 큰 도움이 되었습니다. 그 외에도 발표 진행에 도움을 주시고 고생해 주시는 TF분들께 다시 한번 감사드립니다. 무엇보다 외부 세미나보다 사내에서 이루어지는 더 깊고 소중한 여러 가지 경험들을 바탕으로 내용이 공유될 수 있다는 점에서 큰 매력이 있다고 생각합니다. 앞으로 더 많은 주제로 맞이하게 될 TechTalk이 기대됩니다.

joah.yeon

먼저 세미나를 준비하면서 지금까지 했던 활동을 뒤돌아 보는 좋은 계기가 되었습니다.
주제를 정할 때 오픈소스 참여에 관심이 없거나, 다들 이미 알고 계시는 내용은 아닐까?라는 걱정을 했었는데요. 피드백을 받아 보니 오픈소스에 관심이 생겼다거나 자극이 되었다는 피드백이 많아서, 공유하길 잘 했다는 생각이 들었습니다.

또, 이번 발표를 계기로 저도 좀 더 열심히, 꾸준히 오픈소스 활동에 참여해야 다는 생각을 하게 되어 개인적인 자극이 되는 기회였습니다. 저와 같이 성장에 대해 고민을 겪는 주니어 개발자가 오픈소스 활동을 성장의 방법 중 하나로 활용하면 좋을 것 같습니다.

candice.hong
candice.hong 카카오에서 Developer Relations를 담당하고 있어요.
Top Tag
2021
2021-new-krew
Ad Platform
Ad tech
adaptive-hash-index
adt
adtech
agile
agilecoach
ai
algorithm
Algorithm/ML
Algorithm/Ranking
almighty-data-transmitter
Analyzer
android
angular
anycast
App2App
applicative
Architecture
arena
ast
async
aurora
babel
babel7
Backend
BApp
bgp
big-data
binary
ble
blind-recruitment
block
Block Chain
blockchain
bluetooth
brian
business
Cache
cahtbot
canvasapi
Caver
cch
cd
CDR
ceph
certificate
certification
CF
cgroup
chrome
ci
cite
client
clojure
close-wait
cloud
cloudera-manager
clustered-block
cmux
cnn
code-festival
code-review
codegame
codereview
coding
coding test
Collaborative Filtering
communication
competition
Compliance
component
conference
consul
container
contents
contest
contribution
cookie
core-js@3
Corporate Digital Responsibility
couchbase
COVID-19
cpp
culture
Data
data-engineering
DB
deep-learning
Dependency
dependency-graph
desktop
dev
dev-session
dev-track
developer
developer relations
developers
devops
digitalization
digitaltransformation
dns
docker
dr
Electron
employeecard
emscripten
eslint
event
extract-text
Feature List
Featured
Feedback
friendstime
front-end
frontend
functional-programming
funfunday
fzf
garbage-collection
gawibawibo
GC
GHC
github
globalpollution
go
Grace Hopper Celebration
graphdb
graphql
Ground X
growth
ha
hadoop
hate speech
hbase
hbase-manager
hbase-region-inspector
hbase-snashot
hbase-table-stat
hbase-tools
hri
ICPC Sinchon
id
if kakao
ifkakao
infrastructure
innodb
internship
ios
item
Java
javascript
javascript web-assembly
JCMM
JIRA
jsconf
jsconfkorea
json
k8s
kafka
kakao
kakao-Career-Boost-Program
kakao-commerce
kakao-games
kakaoarena
kakaobrain
kakaocommerce
kakaocon
kakaoenterprise
kakaok
kakaokey
kakaokrew
kakaomap
kakaopage
kakaotalk
KAS
KCDC
khaiii
Klaytn
Klip
KnowledgeGraph
kubernetes
l3dsr
l4
License
links
Linux
load-balancing
MAB
Machine Learning
machine-learning
map
marathon
meetup
melon
mesos
message
Messaging
microservice
Microsoft TypeScript
mm
mobil
mobile
mocking
monad
monorepo
ms-office
MSA
mtre
mysql
mysql-realtime-traffic-emulator
nand-flash
network
new
new-krew
nfc
Nickface
nomad
ocp
olive
onboarding
open
open source
opensource
openstack
OpenWork
OSS
page
pair programming
parallel
PBA
performance
planning poker
Platform
polyfill
preview
programming-contest
project
project-structure
pycon
python
quagga
react
reactive-programming
reactor
recap
recommendation
recommendation system
recruitment
redis
redis-keys
redis-scan
related-blind
Renderer
rest
Rome
rubics
ruby
rxjs
s2graph
scala
scalaz
seminar
Serve
server
service
service worker
session
sharding
shopping
Shuffle Partition
socket
spark
spark-streaming
SpringBoot
ssd
Statistics/Analysis
Stomp
storage
storm
style-guide
summer internship
support
System
talk
talkchannel
tcp
tech
Techtalk
test
thread
Thread-Debugging
time-wait
tmux
Topic Modeling
typescript
Untact
update
User Story
vim
vim-github-dashboard
vim-plugin
vue
vue.js
WASM
web
web-cache
web-worker
webapp
webgl
WebSocket
webworkers
weekly
Women Technologists
work
workplatform
개인화 추천
길찾기
라이선스
연관 추천
오픈소스
오픈소스검증
의존성분석
일하는방식
협업
All Tag
2021
2021-new-krew
Ad Platform
Ad tech
adaptive-hash-index
adt
adtech
agile
agilecoach
ai
algorithm
Algorithm/ML
Algorithm/Ranking
almighty-data-transmitter
Analyzer
android
angular
anycast
App2App
applicative
Architecture
arena
ast
async
aurora
babel
babel7
Backend
BApp
bgp
big-data
binary
ble
blind-recruitment
block
Block Chain
blockchain
bluetooth
brian
business
Cache
cahtbot
canvasapi
Caver
cch
cd
CDR
ceph
certificate
certification
CF
cgroup
chrome
ci
cite
client
clojure
close-wait
cloud
cloudera-manager
clustered-block
cmux
cnn
code-festival
code-review
codegame
codereview
coding
coding test
Collaborative Filtering
communication
competition
Compliance
component
conference
consul
container
contents
contest
contribution
cookie
core-js@3
Corporate Digital Responsibility
couchbase
COVID-19
cpp
culture
Data
data-engineering
DB
deep-learning
Dependency
dependency-graph
desktop
dev
dev-session
dev-track
developer
developer relations
developers
devops
digitalization
digitaltransformation
dns
docker
dr
Electron
employeecard
emscripten
eslint
event
extract-text
Feature List
Featured
Feedback
friendstime
front-end
frontend
functional-programming
funfunday
fzf
garbage-collection
gawibawibo
GC
GHC
github
globalpollution
go
Grace Hopper Celebration
graphdb
graphql
Ground X
growth
ha
hadoop
hate speech
hbase
hbase-manager
hbase-region-inspector
hbase-snashot
hbase-table-stat
hbase-tools
hri
ICPC Sinchon
id
if kakao
ifkakao
infrastructure
innodb
internship
ios
item
Java
javascript
javascript web-assembly
JCMM
JIRA
jsconf
jsconfkorea
json
k8s
kafka
kakao
kakao-Career-Boost-Program
kakao-commerce
kakao-games
kakaoarena
kakaobrain
kakaocommerce
kakaocon
kakaoenterprise
kakaok
kakaokey
kakaokrew
kakaomap
kakaopage
kakaotalk
KAS
KCDC
khaiii
Klaytn
Klip
KnowledgeGraph
kubernetes
l3dsr
l4
License
links
Linux
load-balancing
MAB
Machine Learning
machine-learning
map
marathon
meetup
melon
mesos
message
Messaging
microservice
Microsoft TypeScript
mm
mobil
mobile
mocking
monad
monorepo
ms-office
MSA
mtre
mysql
mysql-realtime-traffic-emulator
nand-flash
network
new
new-krew
nfc
Nickface
nomad
ocp
olive
onboarding
open
open source
opensource
openstack
OpenWork
OSS
page
pair programming
parallel
PBA
performance
planning poker
Platform
polyfill
preview
programming-contest
project
project-structure
pycon
python
quagga
react
reactive-programming
reactor
recap
recommendation
recommendation system
recruitment
redis
redis-keys
redis-scan
related-blind
Renderer
rest
Rome
rubics
ruby
rxjs
s2graph
scala
scalaz
seminar
Serve
server
service
service worker
session
sharding
shopping
Shuffle Partition
socket
spark
spark-streaming
SpringBoot
ssd
Statistics/Analysis
Stomp
storage
storm
style-guide
summer internship
support
System
talk
talkchannel
tcp
tech
Techtalk
test
thread
Thread-Debugging
time-wait
tmux
Topic Modeling
typescript
Untact
update
User Story
vim
vim-github-dashboard
vim-plugin
vue
vue.js
WASM
web
web-cache
web-worker
webapp
webgl
WebSocket
webworkers
weekly
Women Technologists
work
workplatform
개인화 추천
길찾기
라이선스
연관 추천
오픈소스
오픈소스검증
의존성분석
일하는방식
협업

위로