핵인싸 개발자의 길
-
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
안녕하세요. 트레바리 테크 셀 크루 이뇽입니다. 이번에 트레바리 서비스에서, 각 멤버(유저)들이 자신을 소개할 수 있도록 '프로필 페이지' 기능을 구현하였습니다. 트레바리는 현재 독서모임 기반으로 엄청나게 활발한 커뮤니티 활동이 열리고 있습니다. 한 달에 한 번 정규 독서모임과 제한 없는 번개모임, 그리고 엄청나게 다양한 이벤트도 참여할 수 있는데요. 저희 트레바리에서는 이러한 오프라인 커뮤니티 활동에 그치지 않고, '세상을 더 지적으로, 사람들을 더 친하게' 만들기 위해서 온라인 커뮤니티까지 더 활성화하고자 하는 방안을 모색하였습니다. 현재 트레바리 서비스에서 할 수 있는 커뮤니티 활동은 독서모임 서비스에 알맞게, 독후감 제출과 해당 독후감 '댓글', '좋아요' 기능으로 구성되어 있고, 앞으로 더욱 온..
-
[2019.10.26] 트레바리 '놀러가기'로 모임 다녀온 날~!핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 10. 26. 23:14
매주 토요일 같이 공부하는 모임이 있었는데, 이번 주는 다들 스케줄 상 취소가 되어서, 이번 주말은 딱히 스케줄을 가지고 있지 않아 심심할 예정이었다. 그런데 2주 전쯤, 며칠 전에 혼자 읽었던 '대도시의 사랑법'책으로, 모임을 진행하는 곳을 알게 되었다. 그래서 놀러가기 신청으로 독후감을 제출해 놓고 깜빡했다가, 어제 놀러가기 신청에 성공되었다는 문자를 받게 되었다. # 모임 장소인 안국 아지트로 출발~! 놀러가기로 가게 된 모임은 무경계-넷토(넷째 주 토요일), 안국 아지트에서 열리는 모임이었다. 안국 아지트는 처음 가보게 되어서 너무나도 기대가 되었다. 안국 아지트 가는 길에 창덕궁과 기와집이 많이 보였다. # 안국역에도 도보 5분 거리에 위치한 트레바리 안국 아지트 안국 아지트는 노스테라스 라는 ..
-
[2019.10.25] 드디어 새로운 트레바리 마이페이지를 배포했다!핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 10. 25. 21:15
요 몇 주간 작업했던 트레바리 마이페이지 작업을 드디어 끝냈다. # 클럽 멤버십 화면 # 독후감 화면 # 결제내역 화면 기존에 마이페이지 화면 안에, 클럽, 입금 대기 이벤트, 찜한 클럽 내용들을 탭 형식으로 전부 나뉘어서 보여주던 것을, 결제내역 페이지, 찜 리스트 페이지를 생성하여 분리하고, 마이페이지 화면에서는 클럽, 이벤트, 독후감만 보여주도록 변경했다. 그리고 이번에 마이페이지의 디자인도 새롭게 싹 바뀌었다. 사실 큰 사이즈는 아니었지만, 이번에 작업을 하면서 코딩규칙과 마이페이지 로직을 완전히 파악하느라 시간이 꽤 걸렸다. 특히나 코드 리뷰를 엄청나게 받으면서 코드 규칙에 어느 정도 익숙해진 것 같다. 초반에는 너무 피드백 반영이 많아 진도가 나가지 않아서 엄청나게 지쳤던 것 같다. 그래도 갈..
-
[2019.10.18] 트레바리 러닝 이벤트 참석~!핵인싸 개발자의 길/트레바리 활동(2019.8~2020.07) 2019. 10. 19. 01:28
오늘 처음으로 트레바리에서 진행하는 이벤트에 참여를 해보았다. 나의 첫 이벤트는 러닝~! 사실 기존에 신청하신 분 중 한 분이 부득이하게 참석을 못 하게 되어서 내가 양도를 받게 되었다. 러닝 이벤트 양도를 해 주신다길래 문득 받았더니...! 러닝 기초가 있고, 심화가 있는데.. 심화일 줄이야..ㅎㅎㅎ 엌ㅋㅋㅋ... 괜히 양도를 받았나...그래도 우선 독하게 한번 해보자는 마음으로 참석을 하게 되었다.! # 러닝 이벤트 참석하는 길 이번 러닝 이벤트의 장소는 잠실 종합 운동장~! ...안의 보조 경기장까지 가야 했는데, 너무 넓어서 길 찾기가 참 힘들었다..ㅎㅎ 몸을 풀고, 간단히(?) 운동장 3바퀴 뛴 다음, 인터벌 방식으로 러닝 훈련에 들어갔다. # 인터벌 훈련이란? 빠르게 뛰었다가 천천히 뛰기를 반..