전체 글249

• 

  2024년 10월 일/공부 회고: 새 기능 만들기 올인, 협업 제대로 해보기 10월은 쓸 말이 별로 없을 정도로 신기능 개발에 올인한 한 달이었다. ^^;  개발이 마무리 되어 가는 시점에서 나름 기한도 잘 맞추고 팀원들과의 의사소통도 잘 해가면서 잘 마무리한 것 같(아보이)지만, 몇 가지 배운 점이 있어 정리할 필요가 있다고 생각해서 적어 본다. 10월 프로젝트로부터 배운 점들1. PM이 된 것 처럼 제품을 자세히 분석하자 이번 프로젝트가 기존 프로젝트와 달랐던 점은 팀원들과 일을 거의 정확히 1/n으로 했고, 그 일들이 함께 깊이 연관되어 있었다는 거다. 입사 후 맡았던 프로젝트들을 돌이켜 보면 1. 혼자 프로젝트의 메인을 리드하거나 2. 나눠서 하더라도 거의 완전히 분리되어 있는 경우 두 가지 중 하나였다. 그런 경우 PRD와 티켓, Figma를 통해 제품의 얼개를 파악하고.. My/Riverlog 2024. 11. 4.

• 

  [에러 기록] SyntaxError: unknown: Namespace tags are not supported by default React 앱에서 SVG를 MUI SvgIcon에 넣어 SVG 아이콘이 필요한 곳에 사용 중이었는데, 새로운 아이콘을 만드는 과정에서 앱이 렌더링이 안되면서 해당 에러가 나타났다. 처음에는 MUI와 관련된 에러인가 했지만, 스택오버플로우에서 SVG와 JSX(React)가 충돌해 발생하는 에러라는 사실을 알게 됐다. SVG는 XML(미리 태그가 지정되지 않은 마크업 언어)로 쓰여진 2차 벡터 그래픽 마크업 언어다. 이 때 namespace라는 건 XML을 사용하는 다른 언어들과 충돌하거나 혼동되지 않도록 이것이 SVG에 속한다고 명시해 주는 역할을 하는 요소다. 웹앱에서 SVG의 경우 이제 namespace를 사용하지 않아도 된다고 한다. 그런데 이 때 Figma에서 export한 SVG의 경우 간혹 가다.. Programming/React 2024. 10. 21.

• 

  [SSAFYcial] 국내 + 해외 리크루터 눈에 띄기 좋은 링크드인 관리법 안녕하세요! SSAFY 수료생 기자단으로 활동하게 된 리버입니다 ^_^ 저는 서비스 기업으로의 첫 이직을 링크드인을 통해서 할 수 있었는데요, 그래서 오늘은 제가 이직 전부터 지금까지 조금이라도 매력적으로 보일 수 있는 링크드인을 만들기 위해 노력했던 과정을 공유하려고 합니다. SSAFY에서 진행한 프로젝트나 교육받은 내용들도 잘 녹여낼 수 있으니, 끝까지 잘 따라와 주세요~ 영어 프로필 설정하기 최근 채용 시장에서는 글로벌 HR 플랫폼이나 프리랜서 계약을 통해 인재 채용의 국경이 많이 사라진 편입니다. 그래서 외국에서, 혹은 우리나라에서 원격으로 외국 회사에서 일하는 게 보다 쉬워졌죠. 링크드인에서는 외국 리크루터와 소통하거나 외국 기업에 지원할 때, 외국에서 접속했을 때 보여지는 영어(또는 다른 언어.. My/Careerlog 2024. 10. 4.

• 

  2024년 9월 일/공부 회고: Offsite과 미국 여행, Women Tech Week, inspiring만으로 좋은가?, 사이버대 마지막 학기, 장학금/대학 헌팅 시작 회사 2024 Offsite과 미국 여행9월의 절반 정도는 회사 offsite과 미국 여행으로 보냈기 때문에 쓸 말이 많지는 않다. 미국 여정의 소감은 다른 후기 글에서 이미 적어 보았다. 갈 때마다 좋은 에너지를 얻고 오고 있다. 만약 지금의 회사를 다니지 않았더라면 또 다른 좋은 경험들을 했으리라고 생각하지만, 해외에서 일하는 것에 대한 영감을 지금만큼 많이 얻었을 것 같지는 않다. 후회하지 않기 위해 하루라도 젊을 때 도전해보려고 한다. Women Tech Week미국에 가기 전 서울시에서 주최한 Women Tech Week 행사에서 여러 여성 개발자들의 강연을 듣고 왔다. 여성 개발자들은 여성이라서 더 특별한 영감을 준다. 가정이 없는 분들은 없는 분들 대로, 일-가정 양립을 지혜롭게 해 나가신 .. My/Riverlog 2024. 10. 4.

• 

  기획/디자인의 중도 변경에 대한 프론트엔드 개발자로서의 생각 이번 offsite에서나 온라인에서 기획/디자인이 중도에 변경되는 데 있어서 개발자들이 많이 고충을 토로하는 걸 알고 있다. 심지어 디자이너가 변경되었다는 걸 공개적으로 명시하지 않고 변경 이력 표시가 명확하지 않은 Figma 상에서 슬쩍 디자인을 바꿔 놓고, 그 사실을 알 리 없는 개발자가 결과물을 내놓으면 구현이 잘못되었다고 개발자 탓을 한다는 케이스도 주변에서 직접 들었다. (이런 건 정말 프로라고 할 수 없는 모습이라 할 말도 없는 상황이긴 하다...^^) 이 문제에서 자유로울 수 있는 서비스 개발자는 없을 거라는 생각이 든다. 이러한 중도 변경은 개발자에게 예고 없는 공수 증가를 가져올 뿐만 아니라, 그러한 노력에 대한 치하는커녕 변경으로 인해 늘어난 개발 기한을 억울하게도 개발자의 탓으로 모두.. My/Careerlog 2024. 9. 26.

• 

  2024 회사 offsite 후기 + 라스베가스, LA 여행 올해로 두 번째 회사 offsite에 참석하게 되었다. 이번 offsite 장소는 라스베가스! 대한항공에 직항이 있었지만 돌아오는 길에 LA 여행을 함께 하기로 했다.  라스베가스대한항공 미주 노선 ICN -> LAS 글루텐프리 특별 기내식 작년에 아시아나 탈 때는 신청 안했던 특별 기내식을 이번에 신청해봤는데, 결과는 완전 대만족!!돌아올 때 먹었던 비빔밥, 오믈렛보다 훨씬 맛있었다. 닭가슴살과 매시드 포테이토도 맛있었지만 아침에 나온 웨지감자와 야채 구이가 너무 맛있었고 머핀이나 이런 거 말고 담백한 빵을 주는 점도 좋다! 내년에도 신청할 것... 라스베가스까지는 10시간 반 정도 걸리는데 옆자리에 가는 내내 코를 고는 사람이 걸려서...^^ 그거 빼고는 별로 힘들지 않게 갔다. 진짜 문제는 도착한 .. My/Careerlog 2024. 9. 25.

• 

  2024년 8월 일/공부 회고: 새 프로덕트 개발, 모회사 프로젝트 첫 기여, 적극적인 태도로 문제 해결하기, 수업 복습, 알고리즘 공부, 2024 FECONF, SSAFY 수료생 기자단 시작 새 프로덕트 개발지난 달 런칭한 수익화 프로덕트에 이어서 또 새 프로덕트에 투입되었다! 저번 프로덕트보다 규모도, 복잡도도 더 큰 프로덕트이고, 대상 유저도 약간 달라 신나는 작업이다. 모회사 프로젝트 첫 기여7-8월동안의 큰 이벤트 중 하나는 모회사에서 우리 팟으로 한 프로젝트 전체를 이관하는 knowledge transfer였다. 모회사 엔지니어들의 도움으로 무사히 세팅을 끝냈고, 8월에는 기능 변경을 통해 프로덕션 배포까지 완료~! 스프린트 내에 기능 배포를 완료한 건 스스로를 칭찬해주고 싶었지만, smoke test/E2E test 관련 에러가 있었는데 시니어 개발자 도움을 받아야 했다. 아직 원인을 정확히 몰라서 9월 최우선 과제! 적극적인 태도로 문제 해결하기PM과 Data 팀에서 서드 파티가.. My/Riverlog 2024. 9. 7.

• 

  2024년 7월 일/공부 회고: 사이버대 2024 여름계절학기, 두 번째 Optimizely A/B test 구축하기, Team update 발표, JQL(Jira Query Language) 써서 내 작업 트래킹하기, 새 제품 개발 사이버대 2024 여름계절학기사이버대 마지막 계절 학기에는 데이터 시각화 수업 한 과목만 들었다. 데이터 유형 별로 적합한 시각화 방식을 배울 수 있어서 이론적인 면에서 재미있는 수업이었다. 마지막 학기를 보내면서는 석사에 대한 고민을 하려고 한다. 원래는 조지아텍 석사를 원격으로 진행하려고 했지만 저번 회고에서도 썼듯 아예 유학도 생각하고 있다. 계속 한국에서 개발자 생활을 할 거라면 석사의 필요성이 많이 떨어진다는 생각을 했다. 내가 특정 분야에서 연구를 하고 논문을 쓰면 개발 실력이 올라갈까? 사실 상관 관계는 0에 수렴한다고 생각한다. 내가 정말 외국에서 커리어를 이어나가고 싶은 마음이 있는지 잘 생각해보고, 만약 실행할 거라면 어느 정도의 예산과 기간이 필요할 지 생각하는 중! 업무6월을 외주로.. My/Riverlog 2024. 8. 5.

• 

  지나치게 공손하지 않은 영어 표현 쓰기 영어로 업무를 하다 보면 내가 지나치게 공손하게 말하고 있나? 싶을 때가 종종 있다. 영어에는 존댓말은 없지만 어투에 따라 상하관계를 분명히 드러낼 수는 있다. 업무이기 때문에 정중하게 말할 필요는 있지만 나를 너무 낮게 낮추는 것도 피하는 게 좋다. 아래 표현들 중 일부는 'Email like a boss'라는 제목으로 묶인 표현들인데, 몇 개는 너무 고압적으로 보이지만 적절한 중간점을 찾아 써 봐도 좋을 것 같다. Sorry for the delay> Thanks for your patience 나의 명백한 잘못으로 늦은 거라면 분명하게 사과해야 한다. 하지만 내 책임이 아니라면 굳이 sorry라는 단어를 넣을 필요는 없다. 하지만 아무래도 상대방이 짜증이 난 상태일 테니까 감사의 표현으로 대체하는 .. Joy/English 2024. 8. 4.

• 

  프론트엔드(React) 위시켓 외주 후기 5월 중에 외주 알선 서비스인 위시켓에서 프론트엔드 외주를 구해보았다. 목적은 회사에서 안 쓰는 기술 써보면서 성장하기 + 부수입 만들기. 오랜만에 TS를 쓰는 것도 낯설었고, 퇴근 후 병행해야 했기에 쉽지는 않았지만 잘 마치고 나서 후기를 써본다!1. 외주를 구한 과정내가 프로필을 올리고 의뢰를 받는 형식인 크몽과 달리 위시켓은 클라이언트가 프로젝트 내용을 올리고 개발자가 지원하면 클라이언트가 지원한 개발자/개발자들과 미팅을 거쳐 선발하는 형식이라서 외주 경력이 없는 내가 도전하기 좋을 거라고 생각했다. 지원하기 전에 위시켓 프로필을 만들어야 하고, 지원 시 자기소개서 비슷한 것을 써야 한다. 위시켓에서 내 기술 스택 관련 필터로 검색하다 프론트엔드이면서 규모도 지나치게 크지 않은 프로젝트가 있어서 지.. My/Careerlog 2024. 7. 14.

• 

  [Jest] 특정 파일에 대한 커버리지 수집하며 실행하는 법 Jest로 만든 테스트를 실행할 때 npm run test:coverage 명령어로 전체 커버리지와 세부 정보를 수집할 수 있다. 그런데 작성한 테스트가 충분한 커버리지를 만들고 있는지, 더 높이려면 어떤 영역을 보충해야 할 지가 궁금할 때가 있다.아래 명령어를 사용하면 '한 가지 테스트만 실행하면서, 해당 테스트의 특정 파일에 대한 커버리지를 수집'할 수 있다.이 때 테스트 대상 파일과 커버리지 수집 파일은 달라도 된다.  npm test blahblah.spec.js -- --coverage --collectCoverageFrom=src/js/woofwoof.js Programming/React 2024. 7. 8.

• 

  2024년 6월 일/공부 회고: 처음 만난 라이브러리와 씨름하기, Mid-Year 원온원, 첫 외주, 팀 페이지 리뉴얼, 해외 취업/유학에 대한 생각들, (이른) offsite 계획 끝나지 않을 것 같은 위기도 이겨내 보기스스로 불러온 재앙(5월에 위시켓을 통해서 외주를 구했다...)으로 멘붕 그 자체였던 6월... 나에게도 외주가?? 하는 기쁜 마음으로 빡빡한 기말고사 + 난이도 높은 업무 + 결코 길지는 않았던 외주 마감 기간 콤보를 예상하지 못하고 덥썩 계약을 한 나에게 매콤한 현실이 기다리고 있었다. 자연스럽게 운동과 공부에서는 멀어질 수밖에 없어 정신적으로나, 신체적으로나 건강하지 못한 한달을 보낼 수 밖에 없었다. 하지만 내가 무리한 일정을 잡았다는 사실은 인정하고, 모두 잘 해내보기 위해서 최선을 다한 한 주기도 했다. 결과적으로 6월 말일이 된 지금은 1. 첫 학기보다는 조금 떨어졌지만 평균 4점 이상의 성적 2. 업무 기한 안에 마무리 + 코드 마구잡이로 짜지 않고 .. My/Riverlog 2024. 7. 1.

• [WIP] [Udemy] Principles of UX/UI Design by Meta 디자이너를 두려워하지 말아 달라. 프론트엔드 개발자들이 때로 디자이너와 갈등을 빚지 않으려고 노력하는 모습을 보곤 하는데, 우리는 같은 목표를 향해 가고 있기 때문에 항상 대화를 시도하기를 바란다. UX (User Experience)UX는 단순히 웹사이트나 앱의 사용자 인터페이스에 국한되지 않으며, 전체 비즈니스 경험을 포함한다. 여기에는 직원, 서비스, 음식, 인테리어, 메뉴 디자인, 화장실, 웹사이트 및 앱 등이 포함된다.UX 과정에서는 고객의 요구사항, 목표 달성 방해 요소, 웹사이트의 직관성 등을 묻고 답한다.예를 들어, 고객이 쉽게 음식을 주문할 수 있는지, 섹션 간 이동이 빠르고 효율적인지 등을 확인한다. UI (User Interface)UI는 사용자가 처음으로 보고 상호작용하는 요소들을 .. 카테고리 없음 2024. 6. 21.

• 

  2024년 5월 일/공부 회고: 속도 내기, Joy of React, Coursera, 사이버대 기말고사 준비, 커피챗 일이번 달에는 주로 여러 영역에 걸쳐 있지만(FAFSA, onboarding, Segment...) 익숙한 업무를 많이 했다. 대신 속도 면에서 개선을 많이 하고 싶어서 평소의 두 배 정도 속도를 내서 일을 마쳤다. PM에게도 공유해서 DnA팀에서 빠르게 해결되기를 원하고 있던 티켓들을 이번 스프린트로 끌어와서 작업할 수 있었다.커피챗을 두 차례 했다. 하나는 멘토링 성격, 하나는 한 회사의 개발자 분들과 커피챗을 했다. 멋진 일을 하는 분들이 참 많구나 느꼈다.공부새로 시작한 강의들이 있다. 듣고 싶었던 Joy of React가 세일을 하고 있어서 구매했고, 회사에서 Coursera 강의 계정을 제공해주어서 UX 강의 하나와 커리어 개발 관련 강의 하나를 듣고 있다.이 외에는 대부분 사이버대 기말고사를.. My/Riverlog 2024. 6. 1.

• 

  2024년 4월 일/공부 회고: Instapage, 기능 걷어내기, 버그 리포트, 테스트 코드, TOEFL 공부, 사이버대 중간고사, 알고리즘 일회사에서 문서화 요청을 간간히 받고 있는데, 이번에는 한 번도 써보지 않은 랜딩 페이지 도구인 Instapage 관련 글을 쓰게 되었다. 전환율 계산, 광고 연결 등도 가능한 마케팅 도구인데, 마치 low-code 페이지 개발 도구 같은 느낌이여서 수월하게 해결했다! 운영팀에게 실질적인 도움이 되는 일을 하는 건 회사 생활 중 가장 즐거운 일 중 하나같다!이미 있는 기능이 그다지 효과적이지 않다고 판단되어 전부 걷어내는 작업을 했다. 코드량이 줄어드는 걸 보면서 시원함도 느껴지고, 더 좋은 기능들을 개발하고 싶다는 생각을 했다. 굳이 회고에 남기는 이유는, 없앨 파일이 수 백개가 넘었고 그만큼 없애면 안 될 파일에 들어가 있는 경우도 많았기 때문에 까다로운 작업이었기 때문이다. 그럼에도 MR이 바로 통.. My/Riverlog 2024. 5. 6.