Project.log

개요 Reset CSS란? 간혹 html로 코드를 작성하고 실행해보면 내가 적용하지 않아도 자동으로 margin이 들어가 있는 경우를 봤을 것이다. 이는 웹 브라우저 마다 default 값으로 스타일이 적용되어 있기 때문이다. 즉, 우리는 브라우저마다 동일한 CSS 스타일을 보여주기 위해 default값으로 설정되어 있는 값을 초기화 해줘야 할 필요가 있다. 이때 필요한것이 Reset.css이다 적용법 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, s..

HTML의 요소는 크게 블록 요소( block element )와 인라인 요소( inline element )로 구분된다. 헷갈리는 개념이지만 차후에 CSS를 잘 적용하기 위해서는 명확이 이해를 하고 있어야한다. 이 각각의 요소에 적용되는 CSS가 별도로 존재하기 때문에 CSS를 적용해 놓고도 "왜 적용이 되지 않지?" 라는 상황이 발생할 수 있습니다. 예로는 밑에 예시들이 있습니다. 인라인 요소는 height가 적용되지 않는다. 인라인 요소는 width가 적용되지 않는다. 인라인 요소는 text-align이 적용되지 않는다. 블록 요소는 vertical-align 이 적용되지 않는다. 블럭요소(block element)와 인라인요소(inline element)란? 블럭요소 : 하나의 태그가 브라우저에서..

git flow, github flow, gitlab flow 의 개념 현업에서는 다양한 방식으로 브랜치를 관리한다고 하는데, 그 중에서 가장 대표적인 방식인 git flow, github flow, gitlab flow 라는 3가지 관리 전략에 대해서 알아보겠습니다. (이 내용은 김준태 강사님 강의를 바탕으로 제가 정리한 내용을 포스팅한 게시물입니다.) 1. Git Flow git flow 는 총 5 종류의 브랜치를 활용합니다. 주의할 점은 master, develop 은 각 브랜치가 영구적으로 존재하지만, hotfix, release, feature 브랜치의 경우 필요할 때마다 브랜치를 만들고, merge(머지)가 되면 삭제한다는 점입니다. 전체적인 merge 순서는 다음과 같습니다. (merge 할..

자바스크립트 템플릿 리터럴이 뭔지 쉽고 간단하게 알아보겠습니다. 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. `string text` 자바스크립트에서 백틱 ` 이라는 기호로 문자데이터를 만드는것을 템플릿리터럴이라고합니다. 백틱 ` 이라는 기호로 만드는 문자데이터는 중간에 어떠한 데이터를 채워넣을때 사용합니다. 여기서 리터럴은 어떠한 기호를 통해 데이터를 만드는 방식을 뜻합니다. ES6 이전에는 표현식을 다음과 같이 일반 문자열 안에 집어넣었습니다. var first_name = "Lee "; var last_name = "JinUk "; var age = 25; var result = "제 이름은 " + (first_name + last_name) + "이고 " + "나이는 " + ag..

git commit convention 정하기 커밋 메세지 란 커밋을 할 때, 현재 commit 이 정확히 무엇과 관련한 개발에 해당하고, 어떤 변경 사항이 있는지 등을 작성하는 것을 말합니다. 커밋 메세지의 간단한 예시를 보면 다음과 같습니다. (제목, 본문, 꼬리말이 모두 담겨있습니다.) Feat: "로그인 함수 추가" 로그인 요청을 위한 함수 구현 Closes: #123 커밋 메세지를 잘 작성하면, 우리는 단순히 커밋 이력만 보고서도 현재까지 어떤 개발이 진행되었고, 어떤 커밋에서 문제가 발생했는지 등을 확인할 수 있게 됩니다. 특히나 규모가 큰 개발일수록 이 커밋 메세지는 더욱 중요해집니다. TIP! 만약 커밋 메세지를 vim편집기에서 작성하고 싶다면 git commit 이라고만 입력하면 됩니다...

깃허브를 이용하여 협업하는 방식에 대해 간략히 정리해보자! 협업 과정 정리 *협업 과정은 회사마다 조금씩 달라질 수 있음을 알려드립니다. 팀 안에서 git 관리 전략 (flow), commit convention, issue/pr template, issue label 을 정한다. 팀장은 해당 template 등을 적용한 github repository 를 생성한다. (+ 팀원을 등록한다. collaborators) 앞으로 구현할 작업을 기능 단위로 쪼개서 세분화한다. 기능 단위의 작업에 대해 각자 담당을 정하고, 각 담당자는 github 에 해당 기능에 대한 issue 를 생성한다. (+ 팀장은 작업기한을 정해서 milestone 을 생성한다.) 팀장은 github repository 에 최초 comm..

깃을 사용한다면 필수인 .gitignore 세팅을 편하게 할 수 있는 방법이 있습니다. https://gitignore.io gitignore.io Create useful .gitignore files for your project www.toptal.com 바로 gitignore.io라는 사이트인데요. 이 사이트에서 자신의 프로젝트에 꼭 맞는 .gitignore 파일을 만들 수 있습니다. 운영체제, 개발 환경(IDE), 프로그래밍 언어 옵션을 넣어서요 시작하기 일단 세팅하기전에 왜 .gitignore가 중요한지 알아봅시다. 개발을 하다보면, 분명 암호 파일을 프로젝트 폴더 내부에서 관리하게 되는 경우가 발생할 수 있습니다. 이 경우 github 에 해당 파일(.env 등)을 올리게 되면, 누구나 내 ..

git에서 push와 pull을 하다가 오류가 나면 항상 revert를 쓰곤했는데 항상 모르고 썼었다 이번기회에 확실히 알고자 한다. 목차 git revert 를 통해 버전 되돌리기 git reset 을 통해 버전 되돌리기 1. git revert를 통해 버전 되돌리기 git revert는 현재까지의 commit 기록을 유지하면서, 특정한 commit 이전으로 되돌리는 명령어 입니다. 아래 사진에는 파일내용에는 두줄에 문장이지만 revert를 사용하여 첫줄에 있는 문장만 있던 test.txt로 파일을 직접 수정하지 않고 버전 관리만으로 되돌아가보겠습니다. git log 되돌아갈 때는 commit 이름을 명시해야하는데, 주의할 점은 되돌아가고 싶은 commit 이름을 적는게 아니라, 되돌리고 싶은 comm..