8월에도 다녀왔는데 앞 세션만 듣고 와서 후기를 따로 남기지 않았었다. 오늘은 처음으로 모든 세션을 들었는데 오늘은 3개 세션만 운영해서 일찍 끝났다.
Viewport Trickery
Bugherd 개발사인 Macropod의 Jessica 발표였다. Bugherd는 웹서비스에서 사용할 수 있는 간편한 point-and-click 버그 트래커인데 실제로 우리 회사에서도 자주 사용하고 클라이언트도 편하게 피드백을 줄 수 있어 요긴하게 쓰는 도구다. 모든 모바일 브라우저도 지원하는 것을 목표로 새 버전을 만들고 있는데 수많은 해상도를 위해 Viewport 대응을 어떻게 했는지에 대해 발표했다.
- Viewporter 현재 브라우저의 Viewport를 판단
- postcss-px-to-em px를 em으로 변환, 확대 축소에도 같은 크기의 버튼을 제공하는데 도움
- Viewport Trickery 발표 슬라이드
Introduce to AWS Lambda
Ben Teese의 발표로 AWS Lambda 서비스에 대해 소개했다. 이 서비스는 말 그대로 함수를 구동해준다. 함수에서 필요로 하는 인자를 넘겨주면 결과를 반환하거나 백그라운드 작업의 형태로 수행한다. 이 함수는 다양한 언어를 지원하고 있다. 언어를 고르고 함수의 Timeout, 사용 메모리를 지정해 lambda를 생성할 수 있다.
AWS 서비스에서의 Event Sources를 통해 해당 함수를 호출하게 하거나 API Endpoint를 생성해서 RESTful API와 같이 사용할 수 있고, AWS에서 제공하는 API Gateway을 endpoint로 지정해 microservice와 같이 구축해 사용할 수 있다는 부분이 인상적였다. 로그도 AWS CloudWatch에서 확인 가능해 AWS에 익숙하고 백그라운드 작업이 필요하다면 큰 도움이 될 것 같다. 시연에서는 문장 합치기, S3 버킷에 이미지가 등록되면 자동으로 섬네일을 생성하는 백그라운드 작업, API를 API Gateway에 연결해 postman으로 호출하는 것을 보여줬다.
시연에서 대부분 AWS의 대시보드를 이용해서 처리를 했는데 생각보다 깔끔하고 클릭 몇 번으로 쉽게 구축할 수 있어서 좋아보였다.
아직 모든 지역에서 lambda를 지원하는게 아니라고 하며 같은 지역이 아니면 s3 버킷에 접근을 못하는 등 제약이 있다고 하니 필요하다면 잘 알아봐야겠다. 비용은 pay-per-run인데 메모리 사용량이나 timeout에 따라 비용도 달라질 것 같다.
그리고 최근에 이런 서비스를 모아서 JAWS 프레임워크로 묶어 발표했다는데 잠깐 살펴보니 상당히 재밌다. 무려 타이틀이 The server-less Stack이다. 진짜 없는 것 같은 느낌은 나질 않는다. 😛 이름은 정말 잘 지었다.
Redux
Sebastian Porto의 발표로 Redux 라이브러리를 전반적으로 소개했다. React 라이브러리 중 하나라고 막연하게 알고 갔는데 생각보다 많은 차이가 있었다.
기존 Flux에서는 모두 singleton 형태로 작성되어 있어 매번 state를 다 흘려야만 최종적인 view를 만들 수 있는 상황이라 서버 구현이 특히 어려웠다고 한다. Redux는 dispatch와 state를 합쳐 store로 만들고, 상태를 직접 변환하는게 아니라 reducer로 함수의 형태로 그 변환 과정에 대해서만 저장하는 등 함수적인 아이디어를 많이 살펴볼 수 있었다. 그 외에도 action 사이 미들웨어가 구현되어 있는 부분이나 async action에 대한 처리, 핫 로딩 등 개발에 편리한 부분이 많아서 확실히 다른 라이브러리에 비해 편하게 느껴졌다.
조만간 제대로 살펴봐야겠다는 생각을 했다. Redux 문서 한국어 번역도 한참 진행중이다.
- Redux CRUD 이름대로 CRUD를 위한 라이브러리
- GitHub – Redux 한국어 번역