본문 바로가기

웹 개발 프로젝트

Github Merge & Branch 간단정리 브랜치(branch)란?: 원래 코드(main)를 그대로 두고, 실험하거나 수정할 수 있는 별도의 공간main → 배포 중인 코드feature/profile-page → "프로필 페이지 만들기" 브랜치 작업 다 끝난 뒤, main으로 합칠 수 있음 → 이걸 "머지"라고 한다. 머지(merge)란? : 다른 브랜치에서 만든 내용을, 원래(main) 브랜치에 반영하는 것!main 브랜치에서 새로운 브랜치 생성새로운 브랜치에서 기능 구현작업 완료 후 GitHub에 올림Pull Request(PR) 생성 → "이 코드 main에 넣고 싶어요!"라는 요청리뷰 후 머지 → 이제 main에 반영됨 예를 들어서, 내가 master 브랜치에서 작성한 내용을 main 브랜치에 반영을 하고싶다면,# 1. master에서 작.. 더보기
프로젝트 2~3일차 : 중간 점검 및 디자인 변경 개인페이지 위주의 작업을 진행했다. 상단에 있는 헤더 부분이 크다고 느껴져서 수정을 진행했다. 오른쪽 상단에 홈으로 돌아가는 버튼을 하나 만들어주고, 왼쪽 상단에는 « 중간에 «는 아래가 수정한 결과! 이 외에는 CSS작업 위주로 진행했다. 더보기
Github 좀 더 정확하게 이해 및 에러 해결 더보기일단 방금 있었던 일을 좀 적어볼까 한다...내가 아직 branch에 대해 잘 몰라서 있었던 상황인데내가 올린 코드를 clone으로 받아와서 add를 해주었다.그런데 commit을 해주려니 오류가 발생하는것이었다. 그래서 찾아보니 수정이 안되어서 commit할게 없다는 뜻이였는데,도저히 뭔지 모르겠어서 "아 그냥 clone으로 가져와서 수정한걸 push하지 말고, 새로운 파일을 하나 올리자!" 했다.그래서 새로운 디렉토리를 만들어서 코드를 짜놓고 init, add, commit을 하고 push를 하려는데 main으로 안된다는거다.main이 아니라 새로운 브랜치인 master로 해주면 된다는 글을 봐서 되긴 했다.왜냐면 아직 master라는 브랜치에는 아무것도 들어가있지않아서 여기엔 뭔짓을 해도 다 .. 더보기
프로젝트 1일차 : 메인페이지 HTML 작성 간단하게 배경을 만들어보자! 약간 요런 느낌인데 버튼 왼쪽에 있는 곳에 이미지 주소를 아직 안넣어놔서 많이 휑해보이긴 하네... 이제 코드를 하나씩 쪼개서 봐보자. 우선 body부터! V8 ... View More  일단 body를 보자. 포스트에 이름을 빼놔서 뭐가 뭔지 햇갈리긴하지만,우선! 나는 배경색 위에 프로필들을 얹히고 싶고, 색을 3가지 정도 사용하고 싶었다.카드는 뭐 만드는건 간단하니까 넘어가고 배경색을 입혀줄 공간을 div class= " "로 5개로 나눠줬다.  그 후에 style을 보면, .team-header { position: absolute; .. 더보기
Github 간단 명령어 오늘은 백업과 공유가 가능한 온라인 코드 저장소인 Github에 대해 알아보자.우선 몇 가지의 명령어들을 살펴보자면,  - git init 프로젝트 시작 전 한 번만 입력하면 된다. (단, 정확한 프로젝트 폴더에서 입력해야한다.)pwd를 사용하여 현재 내가 위치한 경로가 어디인지 확인해보고 사용하자! - git status저장되기 전 상황(commit 되기 전 git 상황)을 확인하는 명령어 - git add & commitgit add로 폴더 내의 파일을 저장하고 commit으로 확정짓는다고 생각하면 편하다.ex. git add . 은 그 폴더 내의 모든 파일을 선택하여 저장한다는 뜻 - git commit -m "저장하고 싶은 메세지"를 사용하여 좀 더 보기 편하게 할 수 있다. - git log 저.. 더보기