본문 바로가기

전체 글

 (45)
Gerrit Gerrit Code Review - 구글에서 개발한 코드리뷰 툴 - 코드 리뷰 기능과 Git 서버 저장소 관리 기능을 제공 - commit 단위로 리뷰 진행 Gerrit 장점 - 메인 페이지 UI가 Your Turn, Outgoing reviews, Incomimng reviews, CCed on, Recently closed로 구성되어 있어 해야할 일 바로 알 수 있음 - 커밋 단위로 리뷰하므로 더 작은 조각을 리뷰하여 리뷰 피로도가 적고 빠른 피드백 가능 - 커밋끼리 의존성 가질 수 있음 - 한 line 내에서도 특정 구간 선택 가능하여 명확한 커뮤니케이션 가능 Gerrit 특징 1. 리뷰 통과 조건 설정 - -2, -1, 0, +1, +2 점수를 매겨서 일정 점수 이상을 받으면 Submit(mer..
코드리뷰 알아보기 코드리뷰 1. 프로그램의 소스 코드를 검토해 프로그래밍 중에 지나친 오류를 찾아내 제품이나 서비스의 품질을 높이는 행위 2. 한 개발자가 코드를 작성하면 다른 개발자가 정해진 규칙으로 피드백을 주고받는 방법 3. 코드에 대한 책임이 그 코드를 만든 사람에게 있지 않고, 우리 모두에게 있다는 문화 생성 코드리뷰의 장점 - 코드 작성자가 발견하지 못한 실수를 다른 사람이 발견하여 코드의 부작용과 오류에 대해 조기 대응 가능 - 개발 내 정해진 컨벤션 규칙 유지 - 여러 명이 문제 해결을 위한 기술 구현에 대해 공유 - 중복 코드 빨리 발견 - 코드 재사용성 증가 코드 리뷰는 단순히 버그를 사전에 발견하거나 문제점을 찾는 목적을 넘어 전체적인 조직의 역량을 강화함 코드리뷰의 5가지 규칙 ※ 리뷰어 : 다른 사..
백준 9205 맥주 마시면서 걸어가기(파이썬) 문제 송도에 사는 상근이와 친구들은 송도에서 열리는 펜타포트 락 페스티벌에 가려고 한다. 올해는 맥주를 마시면서 걸어가기로 했다. 출발은 상근이네 집에서 하고, 맥주 한 박스를 들고 출발한다. 맥주 한 박스에는 맥주가 20개 들어있다. 목이 마르면 안되기 때문에 50미터에 한 병씩 마시려고 한다. 즉, 50미터를 가려면 그 직전에 맥주 한 병을 마셔야 한다. 상근이의 집에서 페스티벌이 열리는 곳은 매우 먼 거리이다. 따라서, 맥주를 더 구매해야 할 수도 있다. 미리 인터넷으로 조사를 해보니 다행히도 맥주를 파는 편의점이 있다. 편의점에 들렸을 때, 빈 병은 버리고 새 맥주 병을 살 수 있다. 하지만, 박스에 들어있는 맥주는 20병을 넘을 수 없다. 편의점을 나선 직후에도 50미터를 가기 전에 맥주 한 병..
Vue6 2023.05.10 Vue - Life Cycle Hook ● Navigation Guard - Vue router를 통해 특정 URL에 접근할 때 다른 url로 redirect를 하거나 해당 URL로의 접근을 막는 방법 - 종류 1. 전역 가드 : 애플리케이션 전역에서 동작 2. 라우터 가드 : 특정 URL에서만 동작 3. 컴포넌트 가드 : 라우터 컴포넌트 안에 정의 ● 전역 가드 - Global Before Guard : 다른 url 주소로 이동할 때 항상 실행 : router/index.js에 router.beforeEach()를 사용하여 설정 : 콜백 함수의 값으로 다음과 같이 3개의 인자를 받음 to -> 이동할 URL 정보가 담긴 Route 객체 from -> 현재 URL 정보가 담긴 Rout..
Vue5 2023.05.09 Vue - Vue Router ● UX - User Experience - 유저와 가장 가까이에 있는 분야, 데이터를 기반으로 유저를 조사하고 분석해서 개발자, 디자이너가 이해할 수 있게 소통 - 유저가 느끼는 느낌, 태도, 행동을 디자인 - 사람들의 마음과 생각을 이해하고 정리해서 우리 제품에 녹여내는 과정이 필요 - 유저 리서치, 데이터 설계 밍 정제, 유저 시나리오, 프로토타입 설계 등이 필요 ● UI - User Interface - 유저에게 보여지는 화면을 디자인 - UX를 고려한 디자인을 반영, 이 과정에서 기능 개선 혹은 추가가 필요한 경우 Front-end 개발자와 가장 많이 소통 - 예쁜 디자인 즉 심미적인 부분만 중요하다기보다는 사용자가 보다 쉽고 편리하게 사용할 수..
Vue4 2023.05.08 Vue - Vuex Advanced ● Local Storage - Window.localStorage : 브라우저의 내장 객체 중 하나 : key-value 형태로 데이터를 저장할 수 있는 저장소 : localStorage에 저장된 데이터는 브라우저를 종료해도 계속해서 유지 됨 : 다른 탭에서도 동일한 데이터를 공유할 수 있는 반면, 다른 도메인에서는 접근 불가 : 단, 보안과 관련된 중요한 정보를 저장하기에는 적합하지 않음 : setItem(key, value) -> key, value 형태로 데이터 저장 / 모두 문자열로 저장됨 : getItem(key) - key 값으로 저장된 데이터 불러오기 - JSON.stringify : JSON 객체의 메서드 : 자바스크립트 객체를 JS..
Vue3 2023.05.04 Vue - 상태 관리 패턴 ● State Management - state : 현재에 대한 정보(data) - 우리는 여러개의 component를 조합해서 하나의 App을 만들고 있음 - 각 component는 독립적이기 때문에 각각의 상태(data)를 가짐 - 이러한 component들이 모여서 하나의 App을 구성하기 때문에 여러 개의 component가 같은 상태(data)를 유지할 필요가 있음 - Centralized Store : 중앙 저장소(store)에 데이터를 모아서 상태 관리 : 각 component는 중앙 저장소의 데이터를 사용 : component의 계층에 상관없이 중앙 저장소에 접근해서 데이터를 얻거나 변경할 수 있음 : 중앙 저장소의 데이터가 변경되면 각각의 c..
Vue2 2023.05.03 Vue - 컴포넌트간 데이터 통신 ● Data in components - 한 페이지 내에서 같은 데이터를 공유해야 하는데 페이지들은 component로 구분이 되어있다. - 이때 필요한 컴포넌트들끼리 데이터를 주고받으면 데이터의 흐름을 파악하기 힘듦 개발 속도 저하 유지보수 난이도 증가 문제가 생기기 때문에 - 부모-자식 관계를 갖는 컴포넌트의 특성을 이용하여 부모-자식 관계만 데이터를 주고받게 하면 데이터의 흐름을 파악하기 용이하고 유지 보수하기 쉬워진다. - pass props : 부모->자식 으로의 데이터 흐름 emit event : 자식->부모 으로의 데이터 흐름 ● Pass Props - 요소의 속성(property)을 사용하여 데이터 전달 - props는 부모(상위) 컴포..

티스토리툴바