Unong's Story

이번 꺼도 강의 들으면서 따라 친 건데

내가 추가 한 코드만 적겠다.

이번 거는 api 활용한 프로젝트였고

강아지 사진을 불러와서

more 버튼을 누르면 사진이 42개씩 추가로 생기고

top 버튼을 누르면 젤 상단으로 이동한다.

html에 reset 버튼을 추가해서 

reset 버튼을 클릭하면 

기존 강아지 사진은 없어지고

새로운 강아지 사진을 불러온다.

const reset = document.getElementById("reset")

// reset 클릭 시 새로 고침
reset.addEventListener("click", function(){
    window.location.reload()
})

window.location.reload() 

처음 써보는 친구지만

현재 페이지를 다시 리로드 하는 기능이다.

굿!

강의를 들으면서 todolist를 만든 거고 내가 추가한 부분만 코드를 올릴 예정이다.

const todoClear = document.getElementById("clear")

// 전체 삭제 버튼 추가
todoClear.addEventListener("click", function() {
    clearTodos();
});

// 전체 삭제 기능 구현
function clearTodos() {
    todoArr = [];
    localStorage.removeItem("myTodos");
    
    displayTodos();
}

리스트 전체를 삭제 할 수 있는 기능을 넣고 싶어서 

clear 버튼을 추가 하고 clear 버튼을 누르면 list전체가 삭제되는 기능을 만들었다.

todo list 만들기는 혼자 다시 해볼 생각이다...

첫 멘토링 수업이었다.

심화반 첫 수업처럼 우리의 실력, 수업을 어떻게 꾸려나갈지 등등

우리를 알아가는 시간과 서로의 생각을 알 수 있는 시간을 가졌다.

+ 자기소개도 했다

나중 가면 엄청 긴 코드들도 봐야 해서 독해력을 길러두는 게 좋다고 하시면서

책도 추천 해주셨다.

? 죄송해요 멘토님..

952쪽은 아무래도 백 년 뒤쯤 다 읽을 수 있을 것 같아요.....................

책 추천과 함께 다음 주에 성격테스트를 해오고 결과를 가져오라고 하셨는데

회피형? 이런 테스트였다...

결과는 다음주에

남은 시간은 토스 고객센터 페이지 

진짜 html만 딱 짜고 끝냈다.

1시간 동안 아주 많은 것을 했었던 멘토링 시간 굿...!

심화반 첫 수업이었다.

과연 내가 따라갈 수 있을까?

많은 고민을 하면서 신청했는데 첫 수업은 아주 성공적이었다.

너무 재밌어서 2시간 동안 미간 찌푸리면서 열심히 들은 것 같다.

첫 수업은 우리의 실력, 수업을 어떻게 꾸려나갈지 등등

우리를 알아가는 시간과 서로의 생각을 알 수 있는 시간을 가졌다.

그 결과 당장 프로젝트를 시작할 수는 없고

git & github / react를 배우고 나서 시작할 것 같다.

그리고 갑자기 시작된 github 선행학습!

선행이라니 너무 조타ㅏㅏㅏㅏㅏㅏ

지금 수업 듣고 4일 뒤에 적는 글인데

머릿속에 남은 건 치킨.. 피자뿐.....

그래도 글 적으면서 배웠던 거 하나씩 떠오르는 중임

대단한 복습인데?

그리고.... 첫 수업 때 마지막에 치킨, 피자 충돌 상황 수업 들을 때 이해 안 가는 게 있어서 질문을 했었다.

치킨과 피자가 같은 줄에 입력이 되어있는데 3번은 merge를 이미 한 상황,

다음에 2번을 merge 하려니까 충돌되어 할 수 없는 상황이다.

충돌을 해결 후 2번도 merge 성공

여기서 내가 궁금한 점 → 그럼 pr들은 어떻게 되는 거지?

PR 집착녀인 나는 

사실 바로 이해가 안 됐는데 스터디 대장님께 헬프를 외치고 

다시 설명 듣고.. 나 혼자 이상하게 생각하고 있었던 뇌구조를 바꿀 수 있었다.

모두에게 감사합니다..

구글링하다 완전 정리 잘해두신 블로그를 찾았는데

w3schools에서 배운 거 정리해두셨던데

난 사실 이분이 정리하신 게 더 이해 잘 되어서 이분 링크를 건다..

https://blog.naver.com/jsy930609/222089319060

https://www.w3schools.com/css/css3_object-fit.asp

• 스터디 결과물

또 동영상 재생 안되는 이슈로

링크 건다..

https://blog.naver.com/unong_story/223496892746