이 블로그는 우아한 기술 블로그를 참고했습니다. https://techblog.woowahan.com/2553/ 우린 Git-flow를 사용하고 있어요 | 우아한형제들 기술블로그 {{item.name}} 안녕하세요. 우아한형제들 배민프론트개발팀에서 안드로이드 앱 개발을 하고 있는 나동호입니다. 오늘은 저희 안드로이드 파트에서 사용하고 있는 Git 브랜치 전략을 소개하려고 합 techblog.woowahan.com Git을 사용하면 다양한 브랜치 전략을 이용해 프로젝트를 진행하게 됩니다. 그 중 대표적인 Git 브랜치 전략인 Git Flow에 대해 알아보겠습니다. Repository 구성 1. Upstream Repo: 개발자들이 공유하는 저장소. 최신 소스코드가 저장되어 있다. 2. Origin Repo..

머지 방법 git의 머지 방법에는 크게 세 가지가 있습니다. 1. merge commit 각 브랜치의 변경 사항과 과거의 커밋 보존 새로운 커밋이 추가되어 최종 병합 완료 git merge 나를 갖다 붙일 대상 장점 커밋 아이디가 변경되지 않음 브랜치의 히스토리 유지 → 진행상황 추적 가능 단점 커밋 히스토리 복잡해질 수 있다. ( 특히 대형 프로젝트에서) 2. squash & merge 브랜치의 변경 사항을 하나의 커밋으로 압축 git merge --squash 머지하고 싶은 대상 장점 커밋 히스토리를 간단하게 유지 → 각 커밋들이 특정 pr을 대변 (즉 커밋 하나하나가 완성된 기능을 의미) → 의미 이해 쉬움 단점 기존 커밋들이 사라지고 새로운 커밋 아이디 생성 → 여러명이 해당 브랜치 기준 작업중이..

position 은 부모 요소 내의 자식 요소에 부여해 자식 요소의 위치를 결정하는 방법이다. position으로 줄 수 있는 속성은 다음의 5가지가 있다. static html에서 기본적으로 나에게 부여하는 위치. 블록 요소라면 위에서 아래로, inline 요소라면 한국어 쓰는 순서대로 배치된다. relative 원래 나의 static 위치를 기준으로 움직인다. 원래 내가 있던 공간은 그대로 비워져 있다. (특별히 다른 요소를 조작하지 않는 한 다른 요소는 침범하지 않는다.) 따로 left, right, top, bottom 값 중 하나도 주지 않으면 static 자리에 그대로 존재한다. relative를 부여하면 요소가 붕 뜨게 된다. 포토샵을 해 보았다면 포토샵에서 레이어 하나를 위에 더 생성해 거..

시맨틱 태그 프로그래밍에서 semantic이란, 코드 조각이라는 뜻입니다. HTML에서는 이 엘리먼트가 가진 목적이나 역할은 무엇인가? 의 관점으로 코드를 바라볼 때 이 단어를 사용합니다. 시맨틱 태그는 div 태그와 기능상으로 똑같은 역할을 하지만 의미상으로 추가적인 의미를 가지고 있는 태그를 말합니다. 시맨틱 태그의 종류 100여 개가 있으나 그중 자주 사용하는 몇 가지는 다음과 같습니다. 태그 이름 설명 예시 header 콘텐츠 소개 및 탐색에 도움이 되는 정보를 넣는 헤더에 사용 제목, 로고, 검색 폼 등이 포함된 사이트 상단 영역 등.. nav 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 요소에 사용 메뉴, 목차, 인덱스 등.. main 문서 body의 주요 콘텐츠를 의미 블로그의 메..

css에서 스타일을 작성했는데 적용이 안 되는 경험, 다들 한 번씩 있으시죠? css의 스타일 적용 우선순위를 고려하지 않을 경우 이런 문제가 발생할 수 있습니다. 오늘은 css cascading에 대해 알아보겠습니다. cascade란 cascade는 작은 폭포를 뜻합니다. 즉 여러 단계가 존재하는 대상이나 현상을 말할 때 사용됩니다. CSS에서는 규칙이 우선순위 순서대로 적용됩니다. 이를 cascade, cascading이라고 합니다. cascading은 세 가지 주요 기준에 의해 결정됩니다. 1. 중요도 (importance) 2. 특정도 (specificity) 3. 소스 순서 (source order) 중요도 해당 스타일이 얼마나 중요한지를 나타내는 요소로 다음의 순서를 따릅니다. 번호가 작을수록..

html은 태그의 문법에 를 쓰다 보니 텍스트 내부에 등의 내용을 넣고 싶을 때는 주의애향 합니다. 안녕하세요! 태그는 제목을 쓸 때 사용합니다. 태그로 닫아줍니다. 이렇게 작성하면 을 태그로 인식하기 때문에 원치 않게 과 사이 글자가 크게 작성될겁니다. 따라서목적대로 작성하고 싶다면 를 사용해야 합니다. 안녕하세요! 태그는 제목을 쓸 때 사용합니다. 태그로 닫아줍니다. 이렇게 작성하면 원하는대로 text를 띄울 수 있습니다.

이전 포스팅을 보시면 더욱 쉽게 이해할 수 있습니다! https://kangee-mohum.tistory.com/19 [컴퓨터네트워크] TCP/ Transport Layer / 4계층 / OSI 7 Layer 이전 포스팅을 보시면 더욱 쉽게 이해할 수 있습니다! https://kangee-mohum.tistory.com/17 [컴퓨터네트워크] Transport Layer / 4계층 / OSI 7 Layer / 전반적인 개념 정리 Transport Layer process to process 통신 레이어. kangee-mohum.tistory.com TCP의 동작 과정 TCP의 연결 설정 1. 연결 설정을 요청하는 쪽에서 서버 쪽으로 메시지를 보낸다. 이때 SYN 필드가 1로 설정되어 있다. 연결하자!라는..

이전 포스팅을 보시면 더욱 쉽게 이해할 수 있습니다! https://kangee-mohum.tistory.com/17 [컴퓨터네트워크] Transport Layer / 4계층 / OSI 7 Layer / 전반적인 개념 정리 Transport Layer process to process 통신 레이어. 쉽게 말하면 프로그램과 프로그램 간의 통신을 관장하는 레이어이다. process와 process 간의 통신을 위해서는 local host address, local process address , remote host addre kangee-mohum.tistory.com https://kangee-mohum.tistory.com/18 컴퓨터네트워크[컴퓨터네트워크] Transport Layer / 4계층 / ..

이전 포스팅을 보고 오시면 이해가 쉽습니다! https://kangee-mohum.tistory.com/17 [컴퓨터네트워크] Transport Layer / 4계층 / OSI 7 Layer / 전반적인 개념 정리 Transport Layer process to process 통신 레이어. 쉽게 말하면 프로그램과 프로그램 간의 통신을 관장하는 레이어이다. process와 process 간의 통신을 위해서는 local host address, local process address , remote host addre kangee-mohum.tistory.com UDP 데이터 전송을 위한 frame을 만들기 위해 탄생한 4 계층 프로토콜 사용자의 앞 뒤 데이터가 서로 상관 없는 dataram을 실어 나르는 ..

Transport Layer process to process 통신 레이어. 쉽게 말하면 프로그램과 프로그램 간의 통신을 관장하는 레이어이다. process와 process 간의 통신을 위해서는 local host address, local process address , remote host address, remote process address를 알면 된다. 즉 컴퓨터 1의 주소, 컴퓨터 1 속 프로그램의 주소, 컴퓨터 2의 주소, 컴퓨터 2 속 프로그램의 주소를 알면 된다. 1계층부터 4 계층까지의 통신 과정 1. Data link layer (2 계층)의 frame은 MAC address가 필요하므로 MAC address를 찾는다. 2. Network layer (3계층)은 IP address가..