본문 바로가기

build3

Pipeline 작업으로 Auto merge 빌드에 추가하기 (git flow) Pipeline Auto merge 빌드 추가하기 (git flow) 서론 안녕하세요, 마이다스인에서 인재 채용 플랫폼 잡다의 웹 프론트엔드 개발을 담당하고 있는 남준영입니다. ATS 프로젝트 팀에 합류한 후, 저희는 실제 작업 환경에서 git flow 정책을 적용하며 여러 경험을 쌓아왔습니다. 이 글에서는 git flow의 개념부터, 저희 프로젝트에서의 적용 사례, 그리고 최근에 추가한 Bitbucket Pipeline 자동 병합(Auto merge) 단계에 대해 자세히 설명해보려 합니다. 특히, 개발 프로세스의 자동화에 관심이 많으신 분들에게 이 내용이 도움이 될 것으로 기대합니다. git flow란? Git Flow는 소프트웨어 개발 프로젝트에서 사용되는 Git 버전 관리 시스템의 한 분기 관리 전.. 2024. 3. 25.
React 프로젝트 Ionic Capacitor 사용하여 Android, Ios Build하기 Android, Ios App 배포를 위한 Capacitor 사용법 및 빌드 적용 방법에 대해서 정리한 글입니다. 제가 담당하고 있는 프로젝트는 추후 앱으로도 출시하기 위해 처음부터 Ionic 환경으로 시작한 웹뷰 형식의 웹사이트입니다. 이 글에서는 신규 프로젝트를 Ionic으로 생성하는 방법 보다는 기존에 Ionic으로 작업했던 React 프로젝트를 Android, Ios로 Build하는 작업에 집중하겠습니다. Ionic이란? Ionic - 웹앱을 네이티브앱으로 래핑하는 개발 방식을 사용합니다. Ionic UI Frameworks : 모바일 UI + 웹UI 쉽게 도와주는 UI 컴포넌트들을 제공 Ionic Native : Capcaitor 나 Cordova 플러그인을 활용해 쉽게 디바이스 제어 기능 제공.. 2022. 4. 22.
React: Webpack 설치, 환경설정 및 빌드 # 웹팩 설치하기 웹팩을 왜쓸까? -실제 개발환경에서 component를 여러개를 사용해야 한다. -컴포넌트마다 script를 사용하면 너무 길어져서 유지보수가 불가능하다. -여러개의 js 파일을 한번에 합쳐서 한개의 js파일로 만드는 기술이 웹팩이다. -합치면서 바벨적용 + 쓸모없는 코드 제거가 가능하다. *React에서 node가 필요한 이유 -자바 스크립트 실행기가 필요해서 -웹팩을 돌리기 위해서 사용하는 순서 npm init npm i react react-dom npm i -D webpack webpack-cli npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader @babel/plugin-proposal-class-pr.. 2020. 7. 28.