개발38 Reactive Native Webview 의 장단점 2023년 7월 12일 AWS 한국 사용자 모임에서 "React Native WebView 활용해 Hybrid Application 만들기" 세미나를 듣고 왔다. 지금 다니는 회사에서도 관심이 있는 기술이라 신청하여 듣고 왔다. 강의는 윤창현 님께서 진행해 주셨다. 알기 쉽고 재밌게 설명해 주셔서 유익했고 재밌었다. Native App vs Hybrid App Native App 은 iOS나 Android 등 특정 OS 에서 실행되는 앱을 의미한다. 다양한 네이티브 기능을 사용할 수 있어서 실행 속도가 빠르고 안정적이다. 프로덕트가 커지면서 유저에게 좋은 경험을 제공하기 위해서는 결국 Native 앱을 사용해야 한다. 그런데 세미나가 탈 Native 내용이다 보니 단점을 주로 얘기하셨다 ㅎㅎ 단점으로는 .. 2023. 7. 19. 틸드tilde(~)와 캐럿caret(^)의 차이, 어떤 걸 써야할까? (이슈 회고) 회사에서 tilde와 caret 버전 관련 이슈가 터졌었다. 정말 끔찍했었는데... 어떤 문제였는지 알아보고, 틸드와 캐럿 중에 어떤 걸 써야 하는 지도 살펴보자! 어떤 이슈였나? 금요일에 QA를 무사히 마치고 다음주 월요일에 배포했다. 그런데 갑자기 form 에서 submit을 할 때 validation check 하는 부분에서 버그가 발생하며 submit이 되지 않았다. 실제로 validation 문제는 없었는데도 말이다. 그래서 멘붕왔고 롤백했다... 원인은 무엇이었나? form에서 submit 할 때 문제가 발생했으니, 해당 외부 라이브러리의 버전을 낮추니 해결되었다. 자세히 설명하자면 금요일 QA가 끝났을 때는 서버에 있던 버전에서는 문제가 없었는데 월요일에 배포할 때는 주말 동안 해당 라이브러.. 2023. 6. 26. 2023년 상반기 주류 이커머스 스타트업 프론트엔드 개발 회고 내가 다니는 회사(술담화)에서는 스프린트가 끝나거나 프로젝트가 끝나면 다 같이 회고하는 문화가 있다. 개발 블로그에도 올해 상반기를 회고해보고 앞으로도 꾸준히 올려보려고 한다. 굵직한 개발 프로젝트 [ 관리도구에서 사용자의 리뷰를 숨기거나 댓글을 달 수 있는 기능 개발 ] 목적 1 : 쇼핑몰 랜딩 페이지 최하단에 "실시간 베스트 리뷰"가 있다. 이곳에 구매한 상품이 아닌 이상한 사진이나, 부적절한 내용의 리뷰가 올라오는 경우가 있었다. 이때 매번 DB를 변경해서 내려줘야 했는데, 관리도구에서 관리자가 댓글을 달거나 숨김 처리할 수 있도록 하였다. 목적 2 : 또한 상세 페이지에 상품에 대한 문의 리뷰를 달았을 때, 적절히 답변하여 상품에 대한 신뢰도를 높여 구매로 이어지도록 하는 효과도 있었다. 기획 단.. 2023. 6. 13. 사용자 스토리 맵 만들기 책 후기 - 스타트업에서 애자일 도입하기 이번에 리뷰 개편을 개발하면서 백엔드 개발자 분이 기획서에서 중요한 부분을 놓친 사건이 있었다. 백엔드 개발자 분의 100% 과오였지만(?) 기획, 개발 프로세스를 손 본 지 꽤 오랜 시간이 되어 이번 기회에 애자일 프로세스를 도입하려고 준비 중이다. 다 같이 "사용자 스토리 맵 만들기"라는 책을 읽자고 하여 읽어보았다. 이 책의 내용을 소개해보겠다. (가장 아래에 5줄 요약도 해드렸으니 부담없이 읽으세요) 워터폴 프로세스란?애자일 프로세스를 이야기 하기 전에 기존의 전통적인 개발 방식인 워터폴(waterfall) 방식을 간단히 설명하겠다.예를 들어, 어떤 SI 기업에서 A 업체에게 납품할 프로젝트를 개발한다고 생각해 보자.프로젝트를 개발하기 위한 요구 사항들을 문서로 정리한다.기획 문서를 토대로 디자인.. 2023. 6. 7. AWS 한국 사용자 모임 - 프론트엔드 Next.js 이미지 최적화 소모임 후기 AWS 한국 사용자 모임에서 프론트엔드 소모임이 열린다고 하여 다녀왔다. AWS 한국 사용자 모임 링크 : https://www.meetup.com/awskrug/ AWSKRUG - AWS한국사용자모임 (서울, 한국(대한민국)) 본 그룹은 AWS한국사용자모임(AWSKRUG)의 정기 모임 및 소모임 운영 사이트로서 최신 활동 소식 및 행사를 올려드릴 예정입니다. 더 자세한 것은 https://facebook.com/groups/awskrug 를 참고하세요. www.meetup.com AWS이지만 인프라나 백엔드뿐만 아니라 프론트엔드, 스타트업 등 다양한 주제의 세미나가 열린다. https://www.meetup.com/awskrug/events/292866390 Login to Meetup | Meetup.. 2023. 5. 14. 요즘 사이드 프로젝트가 유행이라며? ㅋㅋ (술담화 사이드 프로젝트 후기) 브런치에 술담화에서 진행했던 사이드 프로젝트 회고 글을 썼습니다! https://brunch.co.kr/@junha04/125 요즘 사이드 프로젝트가 유행이라며? ㅋㅋ 개발자가 직접 기획, 디자인도 해보고 tailwind도 사용해본 후기 | 평소처럼 개발 일을 하고 있었다. 개발팀 사람들과 얘기를 나누는데 사이드 프로젝트를 해보자는 얘기가 나왔다. 우리 회사의 개 brunch.co.kr 동영상 복사가 힘들어서 링크로 대체합니다 ㅎㅎ 2023. 1. 31. 스타트업 개발팀의 React Next.js 마이그레이션 도전기 나는 술담화라는 스타트업 회사에 다니고 있다. 2021년 초에는 php 기반의 웹 페이지에서 React를 도입했고, 이번 2022년 5월부터 NextJs를 도입했다. React에 NextJs를 Migration 하는 과정은 쉽지 않았다. 기존에 진행하던 회사 매출에 중요한 프로젝트도 동시에 진행해야 했고, 폴더 구조와 라우터가 완전히 바뀌기 때문에 버그가 없도록 유의해야 했다. 소규모 개발 인원으로 어떻게 성공적으로 Migration 했는지 이야기해 보겠다. 일단 먼저 시작하기에 앞서 NextJs가 무엇인지 간략하게 설명하겠다. (이 글은 술담화 프론트엔드팀 개발자 이병수, 정윤기 님과 함께 작성하였습니다.) NextJs란 무엇인가? 전통적인 웹 사이트는 글 위주의 페이지였다. 사진이나 영상은 거의 없었.. 2022. 12. 28. 스타트업 이직을 고민하는 당신에게 (전통주 스타트업 술담화 프론트엔드 개발 2년 근무 후기) 술담화라는 전통주 스타트업 회사에서 프런트엔드 개발자로 일한 지 벌써 1년 9개월이 지났다. 처음 입사해서 어색한 인사를 나눴던 게 엊그제 같은데 벌써 2년이 다되어가다니 세월이 참 빠르다. 술담화로 이직하기 이전에는 프린터 대기업 회사에서 임베디드 개발자로 일했다. 술 회사에서 일해보고 싶어서 술담화로 이직했다. 700명 규모의 회사에서 40명 규모의 회사로 이직했다 보니 다른 점이 많았다. 회사에 이직한 지 2년이 다되어가는 지금 이전 회사 대비 어떤 게 다른지, 나는 어떻게 달라졌는지 정리해보려고 한다. (회사에서 시킨 거 아니고 스스로 쓰는 글입니다! ㅎㅎ) 1. 회사에 출근하는 것이 즐겁다. 일반적인 회사원은 일요일 저녁이 되면 출근할 생각에 괴롭다. 하지만 술담화에 이직한 이후 출근이 즐거워졌.. 2022. 12. 22. 작은 PR 규칙으로 코드 리뷰 효율 높이기 작은 PR 규칙 도입 배경 처음 술담화 개발팀에는 PR(Pull Request)에 대한 규칙이 없었다. 그래서 큰 프로젝트의 경우 하나의 PR로 올리는 경우도 있었다. 이 경우 방대한 코드 개발 양으로 코드 리뷰를 하기가 힘들었다. 코드 리뷰가 어려워지면 코드 퀄리티가 떨어지고, 버그가 발생할 가능성이 높아지는 등 단점이 많다. 이를 해결하기 위해 "작은 PR 규칙" 을 적용해보자는 목소리가 팀 내에 있었고, 실제로 도입해봤더니 많은 장점이 있었다. 작은 PR 규칙을 사용하는 방법 (git flow 기반으로 설명하겠다.) 1. develop에서 feature 브랜치를 만든다. 2. feature 브랜치에서 1번째 브랜치를 만들어 개발 완료 후 feature 브랜치에 첫번째 PR을 날린다. 3. 코드 리뷰.. 2022. 12. 1. 이전 1 2 3 4 5 다음
