"컨퍼런스, 해커톤 등 개발자 행사를 확실하게."

codic·2022년 11월 28일
27

slusy.io

목록 보기
8/8
post-thumbnail

이력서 피드백, 프로젝트 참여, QnA 등 개발자들과 활동이 필요하세요?
슬러시에 나의 프로필만 등록하면 이 모든 기회를 만날 수 있어요.
❄️ 슬러시에서 개발자 커리어 기회를 발견하세요!

개발자를 위한 개발자 서비스 슬러시를 개발하고 있습니다.
현재 슬러시는 🔥1,136명의 유저🔥와 함께하고 있어요 :)

이번에는 컨퍼런스, 해커톤, 동아리, 부트캠프 등의 공고를 확인할 수 있는 💫공고 기능 신설💫과 캐싱 오류 해결에 대해 개발로그를 써봐요 😇

0. 개선 사항 이야기

0. 공고 탭 추가

개발자 공고 기능이 생겼어요!

기존에 컨퍼런스, 해커톤, 채용 등 개발자 행사에 대해서 만날 수 있는 루트가 부족하다는 목소리를 듣게 되었어요.

이제 개발자 관련 행사는 슬러시에서 찾아보세요 :)

많이 contribute 해주세요 😭

1. 홈화면 개선


개발자 탐색에 있던 테마 단위의 개발이 메인화면으로 넘어왔어요.
협업 단위로의 탐색은 '홈'으로, 사람 단위의 검색은 '개발자 탐색'으로 변화를 주었습니다.

2. 대표 기술 추가

대표 기술 기능이 추가되었어요. 각 개인마다 자신 있는 프레임워크나 언어, 라이브러리가 있으실텐데요. 이 부분 프로필 카드에서 하이라이트로 나타낼 수 있습니다.

3. 프로필 카드 UI 개선

기존 UI에서는 개발자에게 중요한 요소 중 하나인 스킬, 가능한 일을 확인할 수 없는 불편함이 있었어요. 이제는 해당 부분을 한눈에 더 쉽게 확인할 수 있어요 😄

1. Github Readme Cache 오류


이전 글에서 추가된 삽질보드는 Github Readme 에도 사용하실 수 있도록 컴포넌트화하여 제공하고 있는데요.

내부 슬랙 커뮤니티를 통해서 업데이트가 갱신되지 않는다는 이슈를 접했습니다.
처음에는 서버쪽 갱신주기 문제인줄 알고 해당 API와 관련된 로그를 다 확인 했습니다!

하지만 아무리 찾아봐도 이상이 없더라구요 🤔

그렇다면 결국 Github 쪽에서 기인된 문제인데, 우리가 신경써야할 부분이 무엇일까를 찾아보았습죠. 우리는 이미 최신화된 컴포넌트를 제공하는데, 실제 화면에서는 과거의 이미지가 나타난다면..

남은 부분은 이미지 캐시밖에 없다. Damn!

현재 서비스에는 AWS CDN으로 잘 붙어 있지만, 이전에 제가 직접 이미지 캐시서버를 만들어서 쓰다가 304 Not-modified 랑 한참동안 싸운 슬픈 기억이 있습니다...
(여러분. 바퀴를 재발명 하는 일은 멈춰 주세요...)

결과적으로

Github 이미지를 호스팅할 때, Camo 링크가 이용되고 있는데요.
디폴트값으로 캐시의 max-age가 길게 되어 있어서(1년 이상..) 업데이트가 안되는 것 때문이었습니다.

해결법

서버의 캐시 정책을 적절히 설정하거나... 아예 캐시를 없애주면 되었습니다 :)
구글링 해보니, 서버쪽에서 아래와 같은 방식으로 캐시 처리가 가능했어요.

res.setHeader("Cache-Control", "no-store");

그러나 이미 깃허브에 한번 올라간 이미지들은 캐시가 남아있기 때문에 강제로 지워주는 작업이 필요했습니다.

curl -X PURGE {camo link}

해당 과정을 거치고 나니, 즉각 갱신된 컴포넌트로 제공할 수 있었습니다 😇

2. 피드백을 주세요!

개발자분들이 좋은 개발자가 되도록 환경을 만들어드리는 것이 목표인 서비스지만,
아직 개발자 분들의 삶을 드라마틱하게 도와드리진 못하는 것 같아요 🥹
근데 열심히 개발하잖아 ㅋ

그래서 늘 피드백이나 조언에 귀를 기울이고 있답니다.

혹시 저희에게 피드백 & 아이디어를 주실 부분이 있으시다면,
얼른 피드백 익명 창구 혹은 슬랙 DM을 전달 주세요 :)

111% 즉시 응답. 24/7 항시대기 중.

그럼 20000.

이 사람이 만드는 서비스 구경가기

profile
code-it

6개의 댓글

comment-user-thumbnail
2022년 12월 1일

안녕하세요 프로젝트 감명 깊게 봤습니다. 깃허브 로그인 화면에서 cancel을 눌렀을 때 Next의 기본 500 Internal Server Error 페이지가 뜨는 것 같아요. 확인해보시면 좋을 것 같습니다!

1개의 답글
comment-user-thumbnail
2022년 12월 2일

👏👏👏

1개의 답글
comment-user-thumbnail
2022년 12월 4일

오 저도 이런 서비스가 있으면 좋겠다 해서 개발해볼까 생각중이었는데 되게 잘만드셨네요!! 사용해보겠습니다!

1개의 답글