핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07)
-
[2020.07.17] 트레바리 테크 셀 크루의 활동을 마치다핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2020. 7. 17. 17:32
어쩌면 짧지도, 길지도 않은 11개월 동안 트레바리 테크 셀 크루의 활동을 오늘로써 마무리하고 퇴사를 하게 되었다. 어제 송별회 중반부터 계속해서 문득 나의 트레바리 첫 출근일이 생각난다. 그 당시 트레바리의 전체적인 서비스뿐 아니라 내부 분위기도, 업무도, 크루분들도... 아무것도 모른 상태로 정신이 하나도 없고, 최대한 빨리 적응하려고 안달 내던 때가 아직도 너무 생생하다. 확실히 그때의 트레바리 크루로서의 내 모습과 지금의 내 모습에는 많은 차이가 있는 것 같다. 스타트업에서 일을 한다는 것 자신들의 프로덕트를 더더욱 매력적으로 만들기 위해 어떤 것들을 신경 써야 하며, 어떤 마음가짐으로 어떻게 노력을 해야 하는지. 트레바리 이전의 직장이었던 SI업체 안에서 애정 없이 프로덕트를 급급하게 뚝딱 개발..
-
트레바리 앱 개발하기 2일차 - 네비게이션 바 페이지 확정핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2020. 3. 5. 23:32
※ 해당 내용은 트레바리에서 정식으로 진행하는 프로젝트가 아닌, 제 개인적으로 진행하는 서브 프로젝트 임을 알려드립니다. 오랜만에 서브 프로젝트를 또 진행했다. 아직 정해야 될 것이 많아서 막막하다. 역시나 제일 고민은... 그 많은 기능들을 복잡한 느낌 없이 어떻게 전부 담아낼 것인가 이다. 그래도 오늘 나름 아이디어가 뻥 뻥 터져서 네비게이션 바 쪽 기획에 진도가 많이 나갔다. (나름...) 첫 번째 탭 - 각 정보 제공 요소들이 모인 페이지 첫 번째 탭은, 사용자가 앱을 실행시키면 제일 먼저 나타나는 화면이다. 그만큼 내가 제일 알기를 원하는, 또는 내가 알면 유용한 내용들로 보여주는 것으로 구성하도록 했다. (못 그림 주의..) 상단부터, 보여주는 요소들을 단락으로 나누어서 보여준다. # 첫 번째..
-
트레바리 앱 개발하기 1일차 - 서브 프로젝트 시작핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2020. 3. 2. 00:38
※ 해당 내용은 트레바리에서 정식으로 진행하는 프로젝트가 아닌, 제 개인적으로 진행하는 서브 프로젝트 임을 알려드립니다. 오늘부터 트레바리 앱 개발을 목표로 서브 프로젝트를 진행하게 되었다. 트레바리 앱 개발을 서브 프로젝트로 선정한 계기는 아래와 같다. 앱 개발 경험이 없음. 서브 프로젝트 주제는 필요로 한 것으로 선정할 것. 현재 트레바리에게 필요한 건 앱! 이러한 이유도 있지만, 결정적인 계기는 바로 이것이다. 기획, 설계, 개발, 배포까지 밑바닥부터 직접 구현해보기. 리액트를 최대한 심도있게, 그리고 최대한 최적화된 상태로 구현해보기. 이번 서브 프로젝트를 통해서 리액트를 더욱 최대한 깊게 파고들 수 있는 기회를 가지고 싶다..! (그 비싼 '리액트를 다루는 기술(개정판)'도 샀다...정가 4만 ..
-
AWS Elastic Beanstalk의 상태를 Slack으로 모니터링 하기핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2020. 3. 1. 01:29
안녕하세요. 트레바리 테크 셀 크루 이뇽 입니다. 현재 저희 트레바리 서비스는 AWS의 Elastic Beanstalk를 이용하여 서버를 운영하고 있습니다. Elastic Beanstalk Elastic Beanstalk는 무엇인가요? 하나의 서버 환경을 쉽게 구성해주고, 서비스를 중간에 끊김 없이 한 번에 배포하고 관리할 수 있는 AWS 서비스입니다. 예를 들어, EC2를 직접 구성하여 서버를 운영하려면, 보안그룹 설정과 SSH 쉘로 직접 접속하여 새로운 서버 배포 및 관리를 해야 하지만, Elastic Beanstalk를 이용하면 이러한 요소를 모두 알아서 설정해주고, 서버 중지 없이 도중에 바로 배포가 가능합니다 또한 서버의 상태를 실시간으로 메시지 로그가 업데이트되어 모니터링도 간편합니다. Ela..
-
온디맨드 이미지 리사이징 아키텍처로 트레바리 웹 페이지 성능 최적화 시키기핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 12. 23. 01:53
이번에 트레바리 서비스의 웹 성능 향상을 위해서, '온디맨드 이미지 리사이징'이라는 새로운 아키텍처를 구현하고 도입하게 되었다. 그래서 이번 글을 통해 트레바리 서비스에 적용된 과정을 글로 공유해보려고 한다. 트레바리 서비스의 이미지 처리에 대한 필요성 현재 트레바리 홈페이지에서는 배너와 클럽 썸네일 등 이미지가 꽤 많이 사용되고 있다. 그만큼 사용자가 처음 화면에 접속할 때, 이미지 수와 용량에 비례하여 다운로드 시간이 길어지고 페이지 로딩에 엄청난 영향을 미치고 있었다. 또한 기존에는 웹 화면과 모바일 화면 모두 동일한 고화질의 원본 이미지로 사용되었으며, 웹 화면 뿐 아니라 모바일 환경에서도 필요 이상의 고화질을 이용하므로써 불필요한 성능을 낭비하고 있었다. 이러한 과도한 용량 사용과 로딩 시간을 ..
-
[2019.12.07] 처음으로 공방에서 가죽 공예 체험을 해본 날~!핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 12. 8. 01:49
무경계 숲 급 번개~! 우리 멤버 중에 공방을 운영하시는 분이 계신데, 오늘 초대를 해주셔서 가죽 공예를 체험하게 되었다. 위치는 강남역과 역삼역 사이에 있는 '가죽공방 디에스텔' 명함지갑, 장지갑 등 종류가 다양했지만, 내가 만들기로 한 것은 에어팟 케이스~! 처음에는 이렇게 물성형한 가죽 모형에다가 작업을 하게 된다. 공예에 제작되는 도구가 엄청나게 다양했다. 길이를 재고, 구멍을 뚫고, 두드리고 등등.. 위 사진은, 길이를 맞추고 고정시켜서 가죽에 일정하게 표시를 낼 수 있게 하는 '디바이더'라는 도구. (처음에 집게인 줄 알고 '참 특이하게 생긴 집게네요~!' 하니까, 모두 나를 이상한 눈으로 쳐다본...ㅋㅋ) 에어팟 케이스를 만들기 위해, 선에 맞게 자르고, 구멍을 뚫고, 꼬매고, 발랐다. 공예..
-
[2019.11.27] 트레바리 사이트에 '향상된 전자상거래'를 적용시키기 위해 알아보는 중~!핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 11. 27. 20:44
요즘 엄청나게 흥미로운 업무를 맡아서 하고 있다. 우리 트레바리 사이트에서 사용자들의 활동 지표를 분석하기 위해, 구글 애널리틱스와 구글 태그 매니저를 공부하고 적용해 보고 있다. * 구글 애널리틱스는, 사이트에서 일어나는 이벤트 정보를 수집하여 통계 및 지표로 보여주는 데이터 분석 툴, 구글 태그 매니저는, 인터넷 상에서 데이터를 수집할 수 있는 태그를 관리하는 툴이다. 어제, 오늘은 유저 홈페이지에 걸려있던 뒤죽박죽인 GA 이벤트 카테고리 설정을 다시 싹 맞춰서 배포하고, 이후에 '향상된 전자상거래'를 도입하기 위해 공부 중이다. 그런데 향상된 전자상거래를 알아보면서 마케팅 분석의 재미를 느꼈다. # 향상된 전자상거래를 이용해서 할 수 있는 마케팅 분석 현재 우리 서버에 적용되어있는 기존의 전자상거래..
-
트레바리 온라인 커뮤니티 활성화를 위한 프로필 페이지 및 아키텍처 구현 과정핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 11. 12. 22:36
안녕하세요. 트레바리 테크 셀 크루 이뇽입니다. 이번에 트레바리 서비스에서, 각 멤버(유저)들이 자신을 소개할 수 있도록 '프로필 페이지' 기능을 구현하였습니다. 트레바리는 현재 독서모임 기반으로 엄청나게 활발한 커뮤니티 활동이 열리고 있습니다. 한 달에 한 번 정규 독서모임과 제한 없는 번개모임, 그리고 엄청나게 다양한 이벤트도 참여할 수 있는데요. 저희 트레바리에서는 이러한 오프라인 커뮤니티 활동에 그치지 않고, '세상을 더 지적으로, 사람들을 더 친하게' 만들기 위해서 온라인 커뮤니티까지 더 활성화하고자 하는 방안을 모색하였습니다. 현재 트레바리 서비스에서 할 수 있는 커뮤니티 활동은 독서모임 서비스에 알맞게, 독후감 제출과 해당 독후감 '댓글', '좋아요' 기능으로 구성되어 있고, 앞으로 더욱 온..