🪐 [WEB] 나도 이제 오픈소스 컨트리뷰터?!

멀고도 험난한 오픈소스 컨트리뷰터의 길

회사에서 Appsmith라는 오픈소스를 사용하여 업무를 진행한 적이 있었는데 거기서 사소한 버그를 찾아냈다.

바로 텍스트에 공백이 반영되지 않는 것이었는데, 얼마 전 라이브 채팅을 구현하며 동일한 문제를 발견했었고 굉장히 간단하게 해결했던 기억이 반짝 스쳐지나갔다.

개발자 도구를 키고 설마? 하며 white-space: pre-line을 입력하는 순간 눈이 커지고 심장이 두근거렸다!

드디어 나도 오픈소스 컨트리뷰터의 기회가..

그날 부로 퇴근 후 짬짬히 코드 구조를 파악하고 환경 셋팅을 하는데, 윈도우로 개발을 하는것이 어렵다는것을 처음 느끼게 되었다.

mac OS에서는 그냥 한 줄 치면 끝나는 것을 윈도우로는 뭐를 설치하고 이걸 이렇게 바꾸고… (아래는 삽질 log)

윈도우에서 리눅스 사용하기..? 앱스미스 컨트리뷰트를 하는 과정에서 초기 세팅을 하는데, 윈도우는 wsl을 통해 작업 환경을 설정해 주어야 한다고 한다.

정말 처음 들어보고 공식 문서도 완전히 번역되지 않은 상태라 열심히 검색을 하며 환경 세팅을 하고 있고, 그 과정을 기록할 예정이다.

WSL이란?

WSL은 윈도우에서 리눅스를 구동할 수 있도록 도와주는 기능이다. WSL2에서는 기존의 WSL을 개선해 더욱 뛰어난 성능과 통합된 환경을 경험할 수 있다. 또한 Docker를 사용할 수 있게 되었다고 한다.

지금 유투브 보면서 하는 중인데 git clone에서 막혀서 wsl에 대해서 다시 알아보는 중이다.. window terminal까지 설치함! https://www.44bits.io/ko/post/wsl2-install-and-basic-usage 저기 위의 링크에서 다 한 뒤에 https://www.phpinfo.kr/entry/WSL2%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-Nodejs-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EC%84%A4%EC%B9%98 여기서 Node 개발 환경 설치하면 될듯

위에 두 글을 보며 설치 완료!

. . .

그러나 이후 다른 명령어 하나 하나를 칠 때마다 이슈가 생겨 결국 회사 맥북으로 시도해보기로.. 윈도우.. 너무해 ㅜ

개발은 맥북으로…

1주일이라는 시간이 흐른 뒤 주말, 드디어 맥북과 함께 다시 환경 셋팅부터 시작했다. 물론 여전히 물 흐르듯 자연스럽게 잘 되진 않았지만 내친구 구글과 함께라면 무섭지 않아!

*참고로 맥북 m1을 사용중이라면 homebrew를 설치한 후에 추가로 path를 설정해 주어야 한다.

$ echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/<USER_ID>/.zprofile
$ eval "$(/opt/homebrew/bin/brew shellenv)"

나는 client 단의 코드를 수정할 것 이었기 때문에 appsmith/contributions/ClientSetup.md를 참고하여 환경 셋팅을 진행했다.

맥북과 함께하니, 너무 스무스하게 단계가 넘어가는 것을 보고 ‘아! 이래서 맥북이구나..’를 다시 한번 느꼈다. node 14 버전을 설치해야하는 것을 빼고는 큰 문제가 없었다. yarn start를 치고 dev.appsmith.com을 치는 순간! 502 Gate way가 아닌 로그인 페이지가 뜨는 것을 보고 감격했다.

빠르게 수정사항이 잘 돌아가는지 확인한 뒤에 2차 관문인 테스트를 시작했다. 그런데 Cypress 테스트를 하기 위해 yarn test를 입력하면 자꾸 에러를 뱉는 것이었다..!

구글링으로도 만족스러운 해결책을 찾지 못하고, 혹시 Jest Unit test는 되려나 싶어 yarn run test:unit을 입력하니, 이건 또 된다?

크게 변경사항이 있는 커밋도 아니고, 단지 css 관련하여 한 줄 추가했기 때문에 테스트 하나라도 통과했으니 그냥 PR 올리자~ 하는 마음으로 바로 PR을 올려버렸다. 좀 서두른 이유는 워낙 간단하게 고칠 수 있는 버그여서 누가 먼저 수정할까봐 전전긍긍했기 때문이다 ㅋㅋ 서두르는 바람에 Reviewer, Assignees 도 하나도 못 지정한 채로 올려버렸다.

완성

아직 코멘트도 하나 달리지 않은 상황이지만 굉장히 좋은 경험을 했다고 생각한다. 생전 해보지 않았던 일들을 한다는 것은 두렵지만서도 매번 새롭다. Appsmith 사용하다보니 불편한 점들 몇개를 더 찾았는데 이걸 발판으로 삼아 다른 기여도 해보고 싶다 !

• BOJ 36
• Algorithm 12
• CodingTest 11
• Web 9
• Javascript 8
• Vue 7
• React 7
• DBProject 4
• Python 3
• Tech-interview 3
• Express 3
• Next 3
• Github 2
• Django 2
• C 1
• C++ 1
• WebGame 1