꾸생의 DevLog

꾸생의 DevLog
꾸생의 DevLog

Tip (11)

Post Thumbnail

TBD(Trunk-Based-Development) 전략

TBD 전략이란? 간단하게 보자면 언제든 프로덕션 배포 릴리즈가 가능한 Trunk(master)라는 단일 브랜치에서 모든 개발자들이 각자 자기 작업을 진행 후 바로 커밋하는 방식이다. Git Flow 방식이 대체로 익숙하지만 프로젝트나 팀 규모가 켜지면서 개발 효율을 저하시키는 문제가 발생한다고 한다. 아직까진 경험해보지 못 했지만 대략만 봐도 그럴 것 같다. 처음 TBD 전략에 대한 설명을 듣고 이게 가능한 전략일까? 의문이 들었지만 개인적으로 국가 단위로 비유하게 됐다. 간단하게 TBD 전략으로 개발에 참여하는 개발자를 어느 한 국가에 국민으로 보고 그 곳에서 살아가려면 그 나라 법을 지켜야지만 살아갈 수 있다. 마찬가지로 트렁크 브랜치에 커밋을 하려면 미리 정해진 법을 지켜야지만 개발이 가능한 것이..

Post Thumbnail

Git 폴더/파일명 변경 및 대소문자 구분시키기

보통 초기 프로젝트를 세팅할 때, 폴더 명이나 파일명을 임의로 작성해서 깃 레파지토리에 올려놓는데요. 이후 폴더 명이나 파일 이름이 변경되는 경우가 있습니다. 깃에서는 폴더/파일명에 대소문자를 구분하지 않는데, 로컬 환경에서 폴더/파일명의 대소문자를 구분할 수 있어 개발도중 오류가 생길 수 있습니다. 맥 환경에서 개발서버나 빌드 할 때 잘 되는 반면 다른 환경에서 경로 오류가 나더라고요. 확인해 봤더니 파일 누락 오류였습니다. 해결방법으로는 깃 자체에 대소문자 구분해주는 설정과 레파지토리에 변경된 폴더/파일명으로 다시 푸시해 주는 방법입니다. 1. 깃 대소문자 구분 설정 git config core.ignorecase false 2. 변경된 폴더/파일명으로 레파지토리 업데이트 git rm -r --cac..

Post Thumbnail

Node.js 기반 프로젝트(리액트/뷰) npm 명령어로 배포 자동화하기

안녕하세요. 꾸생입니다 :) 오늘은 회사 업무 중 배우게 된 내용에 대해 포스팅해보려 합니다. 드디어 첫 SI 프로젝트의 개발이 마무리됐습니다. 이후 수정사항이나 버그 정도 잡아주면 될 거 같지만 나중에 DB 쪽에 큰 문제가 생길 거 같은 불길한 예감이 듭니다만... 프론트 수준에서 어떻게 할 수는 없었습니다. 여차저차 마무리되고 이후 알고 보니 일정이나 기획 등 구멍 나있는 프로젝트였습니다. 수주한 쪽에서도 일정을 못 맞출 거라 생각했다고 합니다. 1차 프로젝트를 이어 다음 2차 프로젝트도 1차와 연관되어 Vue.js를 사용하는데요. 1차 때에는 프로젝트 셋팅이 된 상태에서 개발을 진행했지만 이번에는 텀이 생겨 다시 셋팅을 해봤습니다.(신입이지만 가능했습니다..^^) 동일한 vue-element-adm..

Post Thumbnail

마인크래프트 1.17.1 AWS ec2 서버 만들기

마인크래프트 1.17.1 서버 만들기 오늘은 AWS ec2를 사용해 마인크래프트 서버를 열어보도록 하겠습니다. 저는 마인크래프트 게임을 해본 적이 없었는데, 16년도쯤, 군대에 입대하기 전 동생에게 사주었던 마인크래프트 계정이 생각나 한 번 플레이를 해보았습니다. 그 이후 동생과 같이 즐기고 싶은 마음에 Realm이랑 하마치 등 알아보았지만 네트워크 속도나 아까운 비용 문제로 그냥 서버를 하나 만들기로 했습니다. 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 개발자, 데이터 사이언티스트, 솔루션스 아키텍트 또는 AWS에서 구축하는 방법을 배우는 데 관심이 있는 모든 사용자용 무료 온라인 교육 AWS 전문가가 구축한 500개 이상의 무료 디지털 교육 과정 aws.amazo..

Post Thumbnail

개발 컨밴션? Convention!

나는 유튜브나 인프런 등 온라인으로 강의를 자주 들으면서 컨벤션이라는 단어를 자주 접하게 되었다. 컨벤션.. 매우 생소한 단어라 알아보았다. 사전적 의미는 관습이나 관례인데, 보통 코딩을 하다가 "이렇게 하는 것이 개발 컨벤션입니다."라고 자주 들었다. 코딩하는 관습이나 스타일이라고 해석할 수 있겠지만 코딩보다는 뭐랄까.. 프로젝트의 구조를 구성할 때 많이 들었던 거 같았다. [그들이 쓰는 언어] 12. Convention? Convention인가요? Convention 입니다. 컨벤션? 사전에 찾아보니 관습, 관례라고만 나온다. Convention 이란 무엇인가? 개발자들이 자주 사용하는 컨벤션은 정확히 말하자면, Convention over Configuration (CoC.. asfirstalway..

Post Thumbnail

개발 방법론 - 스프린트, 스크럼, 애자일

개발 방법론 - 스프린트, 스크럼, 애자일 나는 가끔 떠오르는 아이디어로 코딩을 하는 경우가 있는데, 작업을 하다 보면 초반에는 어느 정도 그림이 나오면서 작업이 순조롭게 진행되다가 마무리 단계에서는 예상하지 못한 사소한 변경사항과 작업했던 내용을 전반적으로 수정해야 하는 상황이 발생해 소요시간이 대폭 증가한다. 참 아이러니하게 효율적이지 못한 방법으로 여태 코딩을 하지 않았나 싶다. 위 사진에 첫 번째 처럼 나는 코딩을 해왔고 그림이 어느 정도 모양이 나왔을 때, 사소한 수정사항과 변경사항이 눈에 띄기 시작한다. 마지막 결과가 나왔을 때는 정확한 수정사항이 도출되며, 고쳐야 하는 부분이 커져 작업시간은 급격하게 증가한다. 여태 내가 해왔던 스타일이다.. ㅠ 두 번째는 첫 번째와는 시작부터 다르다. 어느..

Post Thumbnail

Webp(웹피) 이미지 변환 방법 2가지 소개

기존 이미지 형식을 Webp(웹피) 포멧 형식으로 변환하는 방법 2가지를 소개드리려 합니다. Webp에 대한 자세한 설명은 아래 글을 확인해주세요. [SEO] 차세대 이미지 형식 Webp(웹피) 확장자 오늘은 웹과 연관성이 깊은 차세대 이미지 형식인 Webp에 대한 주제를 가지고 왔습니다. 왜 제목 앞에 SEO를 적었는지 웹사이트를 운영하거나 블로거라면 쉽게 이해하셨을 겁니다. 우리들이 대부 juni-official.tistory.com 1. XnConvert 사용 XnConvert는 반복적인 이미지 작업을 도와주는 프로그램입니다. 이미지 편집, 맵핑, 필터, 워터마크 삽입, 기타 수십 가지의 편집 기능을 지원합니다. 수십 개의 이미지 수정을 한 번에 작업이 가능한 프로그램으로 잘 사용한다면 매우 편리한..

12

새로운 블로그로 이사했습니다. 😆

Home | 꾸생 블로그

프론트엔드 개발 블로그입니다. 사소한 것도 기록합니다 :)

kku.dev