TIL - 2023.10.26. 네비바CSS, 커밋충돌

문제

1. 상단 네비바 컬러 변경

자바스크립트로 CSS color로 바꾸려고 했는데 전혀 안바뀌었다.

왜이러지!?!??!?!?

a 태그 전체를 바꾸면 바뀌는데

직접 텍스트 클래스를 지정하고 바꿔주면 안먹는다..

 

 

2. git hub Confilct

작업한 부분을 푸시하려고 했는데

오류가 나서 기존 데이터를 안받아와서 그런줄알았다.

pull을 한 뒤 커밋했더니,

merge되면서 이전 다른 팀원분이 작업해놓으신걸 다 날려먹었다..

 

진짜 앞이 깜깜해지는게 이런 기분이구나 싶었다

 

 

 

---

가설

1. 상단 네비바 컬러 변경

a태그가 문제가 있는 것 같다.

a태그를 빼고 CSS를 해주니 컬러가 변경되었다.

  <nav class="navbar-list navbar">
    <ul class="navbar-menu">
      <li><a href="#">HOME</a></li>
      <li class="nav-search"><a href="javascript:;">SEARCH</a></li>
      <li class="nav-movielist"><a href="javascript:;">MOVIE LIST</a></li>
    </ul>
  </nav>

href를 사용하기 위해 a 태그에 감싼 것으로 보이는데

이 href를 li태그에 넣어주고 CSS로 커서를 pointer로 바꿔주면 똑같이 기능할 것 같다.

 

 

2. git hub Confilct

찾아보니 revert 라는 기능을 사용하면

이전 커밋으로 히스토리를 남기고 돌아갈 수 있다고 해서

안전할 것 같아 시도했지만

계속 오류가 났다..

 

 

---

해결

1. 상단 네비바 컬러 변경

   <nav class="navbar-list navbar">
      <ul class="navbar-menu">
        <li class="nav-top" href="javascript:;">HOME</li>
        <li class="nav-search" href="javascript:;">SEARCH</li>
        <li class="nav-movielist" href="javascript:;">MOVIE LIST</li>
      </ul>
    </nav>

herf를 li태그로 옮기고 a태그를 빼주니 정상적으로 작동하였다.

 

 

 

2. git hub Confilct

튜터님께 찾아가서 사정을 말씀드리니

reset을 사용하라고 하셨다.

우선 git reset --hard origin/main 으로 전체 파일을 다 받아온 다음에

git reset --hard [커밋해쉬] 로 원하는 버전으로 돌아가라고 하셨다.

 

그 뒤엔 add, commit 똑같이 하고

마지막에 git push origin main --force로

강제 푸시를 하니 이전 버전으로 돌아가고 기록도 사라졌다..!!

진짜 한시름놓았다..

 

---

마무리

오늘 커밋 실수를 했는데,

나만 피해를 입는건 괜찮지만

팀원들이 열심히 작업해놓은 코드를 날렸다고 생각하니

정말 아찔했다..

 

이 경험을 하고 나니 10년은 늙은 것 같이

기가 쪽 빨렸다ㅠ

브랜치를 꼭꼭 사용해야겠다는 다짐을 했다.