20231129 (수) 코딩 TIL

오후 1시경 나의 상세페이지를 제작하다가 어떻게하면 지금까지 배웠던 기능을 넣을수 있을까 고민하였다.

그 중 생각난게 toggle()명령어

웹개발 종합반을 완강한지 시간이 조금 지나서 다시 되돌아가 한번더 익혀가면서 기능을 제작하였다.

내가 원하는건 (나의TMI)버튼을 누르면 아래쪽으로 TMI정보들이 나오고 다시누르면 사라지는 방식을 구현하고싶었다.

영상을 보고 따라했더니 toggle() 명령어 자체는 성공적으로 잘 적용되었다.

하지만 나는 웹페이지가 로딩되었을때 TMI부분은 가려져있고 (나의TMI)버튼을 눌렀을 때 나오도록 하고싶었다.

그러던 중 생각난게 웹개발 종합반 강의중 Fetch 기능을 사용할때 $(document).ready이 명령어가 떠올랐다.

여기에 내가 직접 구글링하여 사라지게하는 명령어 hide()도 찾아냈고 최종적으로 여러 시도 끝에

        $(document).ready(function () {

            $('#tmi').hide()

        })

이런식으로 코드를 짜서 완성하였다.

추가로 fadeout, fadein, fadetoggle, show 등의 명령어도 겸사겸사 알아갔다. 

 

오후3시 깃허브 사용특강을 들었다.

 

깃과 깃허브의 개념을 배웠고, 기본적인 사용법(명령어) 등을 배웠다.

배운 명령어에는

pwd

cd ~

ls -a

git init

git add .

git commit -m "설명메세지"

git log

git status

git push origin main

git clone

git pull

등이 있다.

 

특강을 배우고 난 뒤 팀원들과 직접 깃허브를 이용해보았다.

역시 처음이라 많이 버벅였고 어찌저찌해서 성공하는듯 싶었으나 아니나 다를까 여러 오류가 생겼다.

 

1. git add 이후 git commit 을 하였을때 commit 할게 없다는 오류

   -솔직히 말하자면 오류 이유를 모르겠어서 git폴더를 삭제한 뒤 git init을 다시 입력해서 해결하였다.

2. git clone <링크> . 명령어를 썻을 때 이미 폴더안에 파일이 있다는 오류

   -git clone 명령어가 비어있는 폴더에 써야된다는걸 몰랐다. 이후에는 잘 됐다.

3. git push 를 하였을 때 로컬과 온라인 저장소의 내용물이 다르다는 오류

   -git pull을 이용하여 싱크를 맞추고 다시 push를 진행하였다.

 

대표적으로 3개가 기억에 가장 남는다.