# 2019.12월
# 12.16
스튜디오메이트 입사
새로운 컴퓨터 수령 및 초기 세팅 및 회사 권한 획득 (github, postman, tablePlus, aws)
- vscode
- tablePlus
- postman
- zepline
- sourseTree
- slack
# 12.17
git 활용
- jira에 등록된 이슈번호를 기준으로 branch를 만든다 (ex - git checkout -b sm-1820)
- 이때 꼭 master 브랜치에서 위 커멘드를 실행한다. 아니면 confilct 날 가능성이 매우 높다
- 작업 이후 해당 branch를 qa에 merge 한다
- 이슈 등록된 jira에 관련된 사람들 태그하고 검수 요청한다
- 이후 qa완료되면 해당 이슈를 staging에 pr올린다 (merge 아님)
코드리뷰
- staging에는 매주 월요일 13:00 경에 qa에 올린 파일을 staging에 pr 해놓고 리뷰에 들어간다
- 어떤 이슈인지 설명하고 이 코드는 어떤 의도로 만들었고 어떻게 작동한다고 설명한다
- 어느곳이나 마찬가지이지만 가급적 중복은 삼가한다.
- qa는 작업이 완료되면 알아서 올린다
# 12.18
- 혼자 코드 이해하는 시간
- store, api, 여러곳에서 사용되는 컴포넌트, utills, css 등등 여러 곳에서 호출되는 정보들은 모두 전역으로 호출이 가능하게 설계됨
- (필수!) 새로운 프로젝트에서 전역으로 호출되는 방법 만들어보고 이해할 것
- router에 /settings 같은 도메인 네임이 들어가고, 그안에 화면이 보여지는 view 컴포넌트로 구성됨
- view 컴포넌트 내부에는 여러 사용되는 shared 컴포넌트, 그곳에만 사용되는 컴포넌트로 구성됨, 화면에서 사용되는 methods, 그 컴포넌트에서만 사용되는 data는 view 컴포넌트 내부에서 정의 및 사용됨
- store, api, 여러곳에서 사용되는 컴포넌트, utills, css 등등 여러 곳에서 호출되는 정보들은 모두 전역으로 호출이 가능하게 설계됨
# 12.19
- 뷰 style 가이드
- 컴포넌트가 self closing의 경우 카멜케이스로 컴포넌트를 정의한다 (customTabs)
- 아닐경우 custom-tabs로 컴포넌트를 정의한다 - 뷰의 경우 위 아래 이름 모두 동일한 컴포넌트 이름으로 취급한다.
# 12.20
- aws route/53
- Route 53 사용하여 도메인 등록, dns 라우팅, 올려 놓은 서버의 상태 확인을 실행 할 수 있다.
- Lodash : 자바스크립트 유틸리티 라이브러리
- 배열, date, number, object등 여러 데이터를 다루게 도와준다
- 배열안의 객체 값들을 핸들링 할 때 사용 (여기서는 get을 주로 쓰고 undefiend의 경우 원래는 에러를 도출하지만 _를 사용하면 지정한 값을 리턴한다)
- _ : omit : 빼라
- _.get(obj, ‘name’, ‘nkh’) : undified라면 ’nkh’를 가져온다
- _.sortBy(arr, [‘created_at’,’name’])
- _.pick(obj, ‘name’, ‘age’) - obj에서 name값만 가져온다.
- _.omit(obj, ‘name’,’age’) - obj에서 name, age 빼고 가져온다
# 12.23 - 24
- 코드 이해하는 시간
- slot
- 이라고 정의 한곳에 qwe 가 들어간다 컴포넌트 사이에 어떤 텍스트를 넣어야 할 때 유용하게 사용한다.
- slot
- tableplue에 DB에 대한 정보가 있으니 컬럼 확인 하여 현재 내가 사용할 데이터가 어떤 종류, 값인지 확인
- git을 기존에는 cli로 활용 했는데, gui툴이 좀 더 직관적이고, 빠르게 일을 할 수 있었다.
- git diff 같은 경우도 일일히 cli에서 검색 할 필요 없이 소스트리에서 클릭하면 바뀐 부분 파일만 보여주어 매우 편했다.
- stash도 클릭 한번으로 저장 및 다시 불러오기 가능
- 내 컴퓨터에 있는 branch와 origin의 branch가 어떻게 다른지 한번에 볼수 있는게 가장 편했음
- confilct가 발생한 경우로 소스트리에서 머지가 실패하면 바로 vscode로 뭐가 달라서 confilct가 났다고 직관적으로 보여주어 충돌 해결이 쉬웠다.
# 12.26-27
- oh my zsh alias 설정
vim ~/.zshrc
# Example aliases
# alias zshconfig="mate ~/.zshrc"
# alias ohmyzsh="mate ~/.oh-my-zsh"
alias gs="git status"
alias gl="git log"
alias gd="git diff"
alias gc="git checkout"
alias gcm="git checkout master"
alias gp="git pull"
alias ys="yarn start"
alias vd="vuepress dev"
//원하시는 shortcut 커멘드 입력
:wq 로 저장 후 터미널로 나간 후 아래 커멘드로 변경사항 저장
source ~/.zshrc
# 12.30 ~ 1.2
- 시간 역전 현상 (시작시간이 끝 시간부터 뒤인 경우) 모두 예외 처리하여 해당 이벤트 발생시 noti로 알려주고, ref를 통해 오류가 나는 input으로 자동 이동