if(kakao)2020 프론트엔드 개발 세션 요약

UI 테스트를 위한 여정

React 기반의 서비스에 Jest로 단위 테스트 적용하면서 만났던 이슈, 해결 방법을 설명하고 있습니다.

프런트엔드 단위 테스트를 적용하는 경우가 많지 않아서 이런 사례는 가뭄에 단비 같은 강연이었어요.

CSS 변경까지 탐지하기 위해서 스크린숏을 비교하는 기술을 도입한 부분도 재밌었습니다.

PR 올릴 때 자동으로 테스트되게 해서 코드의 안정성을 유지하려는 노력도 꽤 인상적입니다.

 

https://if.kakao.com/session/96

if(kakao)2020

 

카카오 FE개발 서바이벌 키트

이 세션에서는 iOS 인앱 웹뷰 디버깅하는 방법과 크롬 개발 도구로 성능 저하 코드 찾는 방법을 소개합니다.

카카오 서비스 중에서 문제가 되었던 실제 사례를 들어 설명하고 있어서 더 와 닿았습니다.

 

https://if.kakao.com/session/128

if(kakao)2020

 

콘텐츠를 위해 FE 개발자가 설계한 공통 데이터 모델과 활용

카카오 대표 콘텐츠 서비스는 브런치와 티스토리 2가지라고 생각합니다.

서로 다른 서비스에 공통의 콘텐츠 모델 데이터를 구조화하기 위한 노력과 고민을 짚어주는 강연이었습니다.

 

https://if.kakao.com/session/119

if(kakao)2020

 

두통 없는 비동기 I/O 처리를 위한 Redux-Saga 활용기

Redux-Saga 기능을 조합해서 문제를 어떻게 해결했는지 예제를 잘 보여주는 강연입니다.

서비스 개발을 하다 보면 하나의 데이터를 보여주기 위해서 2개의 API를 연동해야 하는 경우가 자주 있는데 

이를 해결하기 위해서 Promise -> await/async -> Redux-Saga를 코드로 구현했을 때 어떤 차이점이 있는 코드로 보여줍니다.

 

https://if.kakao.com/session/33

if(kakao)2020

if 카카오 2020 프론트엔드 세션