우당탕탕 개발일기

유지 보수 담당으로 들어가게 되며 기존의 커밋들을 참고해야 할 때가 있었는데 커밋메시지가 통일되어있지 않다 보니 찾아보는 게 어려웠다. 이번에 새로운 프로젝트에 들어가게 되면서 기본적으로 준비해야 할 것을 찾아보던 중 커밋 메시지 컨벤션이 있어서 간단하게 알아보았다. 우선 커밋 메시지 컨벤션이란, 말 그대로 커밋 메시지 + 컨벤션(convention, 협약)으로 협업하는 사람들끼리 커밋 메시지의 형식을 정하고 따름으로써 가독성 있는 커밋 메시지를 만들 수 있는 약속이다. git commit -m "커밋메시지"에서 커밋메시지 부분을 컨벤션에 맞게 작성하면 된다. 0. 커밋 메시지의 기본 형식 : -- 제목 -- 본문(option) -- 푸터(option) 이러한 형식으로 커밋메시지 부분에 들어가게 된다. ..

얼마 전에 갑자기 vsCode가 초기화???되면서 설치되었던 확장프로그램이.. 초기화됐다 ☠ 정리하는 겸 해서 나한테 꼭 필요한거만 겨우 기억을 되살리며 재설치했다.

git 리포지토리에 활성 변경 내용이 너무 많습니다. git 기능의 하위 집합만 사용할 수 있도록 설정됩니다. 라는 알림창이 뜨면서 순식간에 내 VSCODE에 10k라는 꼴보기싫은 숫자가 떴다. 내 컴퓨터에서만 작업하는거라 흐린 눈 하고 있다가 깃 푸쉬해야할 일이 생겨서 해결방법을 알아봤다. 원인으로 꼽히는 건, 해당 폴더의 상위 위치에 .git 폴더가 있기 때문이라는 글을 발견했다. 아마 여기저기 git 방법을 제대로 숙지하지못하고 git init 치다보니 상위 폴더에 만들어진 듯 했다..ㅎㅎ 그리고 이 .git을 지우는게 해결방법! 폴더에서 직접 지우는 방법도 있었지만 나는 어디에 .git이 설치되어있는지 몰라서, 그냥 명령어로 했다. 10K가 뜬 프로젝트가 있는 폴더에서 CMD 창을 켜고 아래의 명..

리액트 컴포넌트 설계하는 방법 중 하나인 아토믹 디자인! 명확한 컴포넌트 설계 기준을 정하기 위해 회의 때 아토믹 디자인이 제시해주셔서 알아보기로 했다. - 디자인 시스템이란? 재사용이 가능한 컴포넌트를 먼저 구성하고 이를 조립하는 방식 아토믹 디자인은 사용자 인터페이스를 작고 단순한 요소로 분리하는 개념이며, 일관된 UI를 만들고 유지보수성을 향상시켜준다. 아토믹 디자인은 화학적 관점에서 영감을 얻은 시스템이라 단어들도 화학적인 느낌이 난다. 원자(Atoms), 분자(Molecules), 유기체(Organisms), 템플릿(Templates), 페이지(Pages)로 효과적인 인터페이스 시스템을 만든다. 원자(Atom) - 더 이상 분해할 수 없는, 가장 작은 구성의 기본 컴포넌트 ex. label, i..

어느날 갑자기 글씨를 입력하는데 왼쪽 상단에 내가 입력한 글씨가 뜨면서 입력이 밀리는 현상이 발생했다. 해당 현상을 문자열 마무리라고 하는데, 단 한 번씩 밀리는건데도 어마어마하게 거슬리고 불편해서 당장 해결방법을 찾아나섰다. 뭐라 검색해야하지 막막했는데 생각나는대로 쳤더니 다행히 나같은 사람들이 많아서ㅎㅎㅎ 무사히 없앨 수 있었다. 1. 설정 > 장치 > 입력 > 고급 키보드 설정 2. 입력 도구 모음 옵션 3. 입력 도구 모음 탭에서 체크 및 체크해제하기 입력도구 모음은 작업표시줄에 고정이나 아예 숨김을 해도 해상 현상을 발생하지 않았다. 밑에 체크박스가 되어있는 경우엔 모두 해제 후 적용 > 확인 ! 나는 체크박스에 체크가 되어있어서 해당 현상이 발생하여 여기까지만으로도 해결이 가능했다! 이 단계에..