본문 바로가기
📖 나의 개발일지 (WIL&TIL)

[TIL] 감사함을 흠뻑 느낀 오늘의 개발일지

by 따따시 2022. 12. 26.

<오늘의 작업>

1. 지금까지 내가 작업한 브랜치를 dev 브랜치에 병합

(-> merge하다가 충돌난 부분 해결해서 무사히 성공❤️  집단지성의 힘 짱 >_< )

2. 캐라우셀 기능

3. 글쓰기 저장할 때 현재시간 추가 기능 작업

 

주말동안에 각자 맡은 필수 기능 구현들을 먼저 마무리를 시켰고

오늘부터 이제 세부적으로 css와 디테일하게 들어가는 기능들을 또 각자 맡아서 구현하는 작업을 했는데

작업에 앞서 내가 작업했던 브랜치를 dev에 병합하는 작업(우리는 dev아래 크게 또 두가지 큰 dev미니 브랜치를 쪼개서 사실 미니dev에 넣은거) 을 처음으로 해보았다.

 

개강하고 제대로 된 프로젝트를 한지 몇번이 되진 않긴 하지만, 

팀플을 할때 깃허브 사용에 익숙하지 않다보니 늘상 깃에 올리긴 해도 팀끼리 계속 깃으로 기능을 추가하고 병합하고 작업하는 걸 제대로 하지 않아 깃허브 사용에 대한 미련(?)이 많이 있었는데, 이번 팀원분들과는

처음 작업부터 깃허브로 작업을 하기 위해 브랜치를 세부적으로 나눠 파고 작업을 진행하여 이론으로만(?) 봤던 깃 플로우의 장점을 맘껏 느낄 수 있었다. 

 

한번 다시 정리!
깃플로우는??
구현해야하는 기능들을 세부적으로 브랜치를 쪼개고, 브랜치들을 각각 완성을 시켜가며 마지막에 dev에 병합을 시켜 최종 배포할 수 있는 프로젝트를 만드는 과정

 

혼자서 해보려했으면, 경험하기 어려웠을 깃플로우 작업을 모두가 협력해서 각각의 브랜치에 열심히 푸쉬하니

성공할 수 있었던 일이었다. (짜릿한 그래프 모냥새)

 

 

 

 

처음에 미니 dev에 merge하다가 merge 충돌이 일어났는데 아래 방법으로 해결을 해보아따

(이것 또한 모두가 힘을 모은 집단지성의 힘❤️ ❤️ )

 

>> 깃헙 merge (dev 브랜치에 합치는 것)

소스트리로 merge를 하고 있는데,  소스트리에서 충돌나는 부분 확인하라는 안내가 나왔고

vs code 들어가니

똑똑한 vs Code 친구가 어디가 충돌이 났는지를 표시해주면서

 incoming커밋으로 할지 , current value 로 할지를 선택하라고 했고

current value말고 incoming으로 선택하고(내가 수정한 부분으로 덮어씌워야했기 때문)

, vs code에서 자동 커밋메시지 생성됐고 커밋한다음에 푸쉬해서 Merge 성공이 되었당 >_<

 

 

아래는 오늘 작업하면서 헷갈렸던 사진 상대경로 찾아가는 방법 다시 정리한 것 👇👇👇

https://warn-code.tistory.com/203

 

[HTML] 파일경로 찾아가는 방법

오늘 리액트 프로젝트하면서, 캐라우셀 창에 Img 넣으려고 평소처럼 파일 경로를 '../~~~.jgp' 이런식으로 찾아가려고 했는데 이상하게 계속 사진경로가 내가 작성하고 있는 파일에서 경로를 찾는

warn-code.tistory.com

 

요건 오늘 캐라우셀 기능 구현한 것👇👇👇

https://warn-code.tistory.com/204

 

[리액트] Carousel (이미지 자동 슬라이드) 기능 구현하기

1. 먼저 react-slick과 slick-carousel을 터미널에 깔아주기 npm install react-slick npm install slick-carousel 2. 작성하는 파일에 아래 두개 임포트 해주기 import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-

warn-code.tistory.com

 

댓글