2024-10-29 TIL

오늘 배운 것

1. 웹서버 개발 2일차

git을 사용하기 어려웠던 부분들을 조금 더 수정 받았다.

이전부터 merge를 하면 버그가 생겨서 기존에 하던 파일을 모두 제거했다가 다시 붙여넣고 그랬는데 충돌이 생긴 부분만 고치면 된다는 걸 알고 나니 훨씬 나아졌다.

git을 사용할 때 필요한 기능들을 내가 이해한 대로 적어 보겠다.

기능의 이름	기능
clone	git 내부의 데이터와 연결시키는 개념.
commit	내가 작업한 게 어떤 작업이었는지 표시하는 것
push	clone한 데이터에 현재 내가 작업한 것을 집어 넣는 개념
pull	clone한 데이터에서 작업이 된 것을 업데이트 받는 개념
stash	현재 작업하고 있던 것을 다른 곳에 임시 저장한다
branch	하나의 작업물을 가져가서 각자 다른 작업을 할 수 있게 해준다.
merge	branch한 작업물을 하나의 작업물로 다시 합치는 것

이것 말고도 더 많은 기능이 있겠지만 당장 필요한 건 이 정도인 것 같다.

CRUD 중에서 create, read를 띄우는 작업

어제 작업하던 팝업과 모달에 화면을 띄우는 건 금방 해결이 되었고 작업해야 하는 CRUD 작업을 내가 해보게 되었다.

처음 작업은 create였다. firebase와 연동한 다음 데이터를 불러오는 것을 해보려 했다.
원래는 header에다 함수를 넣고 불러오려고 했는데 어떤 이유에서인지 함수를 읽지 못하는 문제가 있어 script를 body의 main 아래에 두기로 했다.
외부에서 module을 가져와야 했기 때문에 script의 타입을 module로 설정하고 getElementById를 사용하여 값을 받아왔다.
</span>

결과물

 createbutton.addEventListener('click', async ()=>{
        let image = document.getElementById('picture').value;
        let name = document.getElementById('name').value;
        let role = document.getElementById('role').value;
        let food = document.getElementById('favorite_food').value;
        let mbti = document.getElementById('mbti').value;
        let first_word = document.getElementById('first_word').value;
        let input_data = {'image' : image, 'name' : name, 'role' : role, 'food' : food,'mbti' : mbti, 'first_word' : first_word};
        await addDoc(collection(db, "TeamInfo"), input_data)
        self.close();


        
    })

create와 read까지는 어떻게 해볼 만 하지만 각각의 id 값을 가지고 있어야 한다는 문제는 여전하기 때문에 그 값을 어떻게 가지고 있을 것인지 다음 시간에 더 연구해 봐야 할 것 같다.

앞의 두 가지는 과제로도 해봤던 문제이지만 update와 delete는 검색 해봐도 꽤 어렵던 것 같아서, 내일은 그 부분을 수정하던가 해야겠다.

팀 프로젝트 진척도

내 파트 작업은 크게 문제 없는 것 같다. 이틀 동안 이 템포로 가면 될 듯 하다.

다음에 할 것

update, delete를 연구해보자.