태연한 컴공생

이전 글에서 Git과 Github를 대략적으로 다뤘다면, 이제 실제 프로젝트에서 자주 언급되고 협업에서 필수적인 Git Branch 전략에 대해 알아보자! 1. Branch 원리 여러 개발자가 동일한 파일을 동시에 수정하면 변경사항 통합이 어려워진다. 이를 해결하기 위해 Git에서는 파일을 복사(Branch)하여 각자 별도의 작업 공간을 가질 수 있다. 각 개발자는 자신만의 Branch에서 작업을 진행한 후, 모든 변경 사항을 나중에 하나로 합칠 수 있다. 이 방식은 협업뿐만 아니라, 코드의 일부분을 수정해 실험하거나 테스트할 때도 유용한데,  별도의 Branch를 생성해 작업을 한 후 필요없으면 삭제할 수 있기 때문이다. 2. Branch 병합하기 Github에서 Pull request 날려보자오랜만에..

Git과 Github는 프로젝트를 진행할 때 정말 많이 사용하는 협업툴이기 때문에 필수적으로 알고 있어야 한다!나도 처음 사용할때 정말 많이 헤맸고 아직도 가끔은 어렵게 느껴지기 때문에.. 글을 쓰면서 다시 정리해볼 예정이다. 1. Git? Github? 이름이 비슷하지만 둘의 역할은 아주 다르다.간단히 말해 Git은 '버전관리도구'이고 Github는 '깃의 원격 저장소'이다.  • Git 하나의 밈이긴 하지만 작업을 하다보면 위와 같은 상황이 꽤나 자주 발생한다.Git은 폴더의 상태(또는 변경 내역)을 쉽게 기록할 수 있기 때문에 이러한 수고로움을 덜어준다. 또한 단순히 기록만 할 수 있는게 아니라 이전 상태로 돌아갈 수도 있고, 심지어 평행우주(Branch)를 만들 수도 있다. • Github 깃허브..

1. 디자인 시스템이란? 디자인 시스템은 반복적인 디자인 요소를 조직적이고 효율적으로 관리하는 것을 말한다. 이를 통해 회사나 조직의 디자인을 체계화할 수 있다. 디자인 시스템을 어떻게 구성할 수 있을까? #2에서 다뤘던 컴포넌트와 인스턴스를 이용하면 된다.반복되는 요소를 컴포넌트로 만들고, 이를 복제한 인스턴스로 UI를 구성한다. 즉, 디자인 시스템은 프랜차이즈화와 같다고 생각하면 된다! 디자인 시스템은 파운데이션과 컴포넌트로 나눌 수 있다. 2. 파운데이션 파운데이션은 상수값, 고정값이라는 뜻을 가지고 있다. 컬러와 폰트(사이즈, 굵기, 자간, 행간 등)에서 많은 경우의 수 중, 우리 팀에서 사용할 것을 딱 정해놓고 그걸 정리해놓는 것이다. 일반적으로 시안 작업 → 디자인 픽스 → 컴포넌트 모으기(디..

1. 피그마 피그마는 웹 기반 UI/UX 디자인 및 프로토타이핑, 협업툴이다.자체 클라우드에 저장되는 방식으로, 오프라인으로 파일 저장 없이 실시간으로 저장하면서 사용한다.디자이너와 PM 뿐만 아니라 개발자들도 필수적으로 알아야하는 협업툴 중 하나이다..! 2. 피그마 심화 피그마는 직관적인 편이라 기본 기능들은 생각보다 다루기 쉬운 편이다.몇 가지 고급 기능들에 대해 알아보도록 하자. • Constraint 기능 오브젝트 제작을 유연하게 사용하는 기능이다.프레임 + 오브젝트의 축을 어디에 둘지 정할 수 있다. 이를 잘 활용하면 다양한 화면의 디바이스에 대응하게 작업하는 것이 가능하다.(특히 반응형 웹)특정 요소를 해당 위치에 고정시켜야 할 때 사용한다. • Auto Layout 기능 오브젝트 수정에 있..

난 올해부터 웹서비스 개발 연합동아리 멋쟁이사자처럼 12기 디자인 파트로 활동하고 있다. 작년부터 PM으로 활동하면서 디자인을 제대로 배워보고 싶다는 마음을 항상 가지고 있었는데 좋은 기회인만큼 열심히 해보자! 디자인 세션에서 배운 내용을 공유해보려고 한다. 1. UX/UI에 대한 이해 UI = User InterfaceUI는 사용자가 사용하는 서비스나 제품의 화면 안에 있는 모든 것을 의미한다.UI는 껍데기다. UX = User ExperienceUX는 사용자가 제품이나 서비스와 상호작용할 때 전반적으로 느끼는 경험과 이를 개선하는 디자인 및 전략을 의미한다.즉, UX는 UI라는 껍데기를 맛있게 만들어주는 것이다. 따라서 UX와 UI는 반드시 함께 고려되어야 하는 소울메이트 같은 존재로, UX에 기반하..

나는 UMC라는 대학생 IT 연합동아리에서 5기 PM파트로 활동을 했다!PM 스터디와 겨울방학때 프로젝트를 하며 배웠던 것들을 공유해보려고 한다.  1. PM이란? PM은 Product Manager의 줄임말로, 쉽게 말해 프로덕트(제품)을 매니징(관리)하는 사람을 말한다. 2. 기획자 vs PM 대개 기획자와 PM이 같은 역할을 한다고 생각하지만, 실제로는 하는 일이 전혀 다르다. 기획자는 문제 상황을 바탕으로 그것을 해결할 아이디어를 도출해내는 역할이고, PM은 프로덕트가 잘 만들어질 수 있도록 '운영'하는 역할을 담당한다. 난 운좋게도 저번 겨울방학때 기획자와 PM을 동시에 경험해보았다.  3. 기획문서 PM은 이걸 작성하기 위해 존재한다고 해도 과언이 아니다. 그리고 이걸 바탕으로 개발자와 디자이..