221005_TIL | React TodoList, git 삭제 파일 복구

오늘한 일

• [항해 99] 이전에 작성한 코드 정리 - ~Form까지 (Todo list 개인과제)
• [항해 99] 오늘 코드 짠 부분 정리 - ~Todo (Todo list 개인과제)
• [항해 99] Todo list 배포까지 완료

내일 할 일

• [노마드코더] 초급 Chap 04까지 완독
• 혼공스 Chapter 6-3 1회독

오늘 공부 내용 간단 정리!

React TodoList

** TodoList에 대한 자세한 내용은 내일 따로 작성(링크 추가 예정)

내가 진행한 순서만 정리해보면

1. 과제의 요구사항을 바탕으로 전체 Layout 작성
2. html 의 내용이 입력되는 부분을 우선적으로 작성
3. 기능단위로 component 분리 + 틀이 되는 css 작성
4. list.jsx와 form.jsx 가 서로에게 데이터를 줄 수 있도록 props 전달
5. form.jsx에 해당하는 내용부터 우선 진행
   (제목/내용 입력 후 추가하기 버튼 클릭 -> 리스트에 업데이트)
6. 입력 확인 후 list.jsx에서 각 입력내용 확인
7. todo.jsx에 수정(완료/취소), 삭제 버튼 구현
8. 삭제 버튼 기능 먼저 우선 구현
9. 수정 시 버튼에 따라 위치 변경 / 버튼 value 변경(완료/취소)
10. 전체적인 내용 정리 후 css 최종 수정
    
    

git 삭제 파일 복구

예전에 미니 프로젝트를 하다가 거하게 날린 사람으로,, 같은 조원분이 반나절 이상 작업했다던 파일을 날리고 속상해 하는 모습을 보니.. 그냥 둘 수가 없었다.
구글링 열심히 해본 결과 어떤 분의 게시물을 보게 되었고 조원분을 설득해서 해당 방법을 시도해본 결과 2번정도 오류나고 3번째에 성공했다.

– 조원분의 경우, 잘못된 폴더에서 git add를 시도했고 오류를 겪다가 다른 분의 Pull을 해보라는 조언에 작업한 깃 폴더에서 Pull을 진행했고 그동안 진행한 파일을 다 날리는 결과가 생겼다.

블로그에 따르면
Commit 하지 않은 파일은 해당하는 폴더에서

1. git fsck --lost-found

git add 단계에서 삭제한 파일은 blob으로 해서 각 파일들이 생성되고
디렉토리도 삭제하는 경우 tree로 끝나는 단어?가 생김
-> 숫자로 시작한 10-15개 이상의 단어가 생긴다

-> 조원분의 경우 blob으로 끝나는 내용이 표시되었다

2. git show 복사한id

(이거는 시도 안해봤다,,ㅎㅎ)

3. git show 복사한id > 새 파일 이름

git show efsef32r2424323523234 > hello.txt

위처럼 파일에 저장을 해주면 txt 파일에 삭제한 파일의 내용이 입력되는데 txt 파일을 보면 한글은 깨진 글꼴로 뜨게 되는데 해당 부분은 어쩔 수 없이 수기로 수정을 해줘야하는듯…


git 삭제된 파일 복구 방법(참조)
https://hohoya33.tistory.com/259

---

어제에 이어서 오늘까지 개인과제 코드를 짜느라 진짜 열심히 했다..
오늘 다양한 이슈가 있었는데 그 중 제일 메인이라고 생각하는 부분은 아래의 두가지.

1. 리액트 흐름에 대한 건 대충 파악했지만 각 메소드에 대한 이해가 부족한 점
   (특히 ...todo 같은 친구들 / map,filter 에 들어간 매개변수?들
   <= 이부분들을 공부하다 보니 단어에 대한 이해도 많이 부족하다는 것을 느꼈다)
   

2. 항해 99 같은 팀원분이 깃허브가 익숙치 않아 pull을 입력하는 바람에 하루동안 작업한 부분을 날렸고 같이 구글링한 끝에 내가 찾은 방법으로 해결을 했다.
   사실 실력적으로 부족함을 많이 느낀 한 주 였기 때문에 누군가에게 도움이 됐다는 것 만으로도 뿌듯했다.