[교육] 스파르타코딩클럽 웹개발 종합반 2주차 후기

1주차에는 나와 진도률이 비슷한 사람들이 많았는데 2주차에서는 조금 줄어들었다.

🏫 2주 차 교육 과정

1. 실습: 나홀로 메모장, 따릉이 현황, 랜덤 고양이
2. 공부 키워드: JavaScript, Ajax, jQuery
3. 숙제: 원페이지 쇼핑몰에 실시간 환율 넣기

 

👩‍💻 실습

Ajax, jQuery를 이용해 API 추출하기

귀여운 고양이를 마음껏 볼 수 있다!

강의 중에 기억에 남는것은 스파르타 API를 이용해 고양이 사진을 볼 수 있는 코딩 작업을 하는 것이었다.

화면 로딩 시 자동 작동하게 만드는 $(document). ready() 코드와 Ajax를 이용하여 버튼 클릭 전에도 고양이 사진이 나오게 만들었던 것이 기억에 남는다.

 

💯 숙제

실습 때 만든 원페이지 웹사이트에 실시간 환율 넣기

2주 차 숙제는 1주 차 숙제 때 만들었던 원페이지 홈페이지에 환율 API와 Ajax를 이용하여 홈페이지 접속 시 자동으로 표시되게 만드는 것이었다.

 

---

 

 

✨ 느낀 점

👍 알게 된 점

실시간 내용(API)을 Ajax를 통해 추출할 수 있다는 점

실시간으로 업데이트되는 내용(API)을 Ajax를 통해 내가 개발하는 웹사이트에 적용시킬 수 있다는 점이 신기했다. Ajax를 이용하여 실습하는 과정은 JavaScript의 반복문, 배열, 딕셔너리를 미리 공부했다면 이해하기에 수월할 것으로 보인다. 또는 기초문법이 비슷한 다른 프로그래밍 언어를 공부했었어도 Ajax를 이해하기에 수월할 것으로 보인다. 나는 JavaScript와 파이썬에 대해 공부했었기 때문에 이해하기에 조금 좋았다. 주의사항으로, Ajax를 사용하려면 jQuery CDN URL을 import 해야 한다는 것이다.

 

jQuery의 장점

동적인 콘텐츠를 만들 때, JavaScript를 이용하는 것보다 상대적으로 코드 길이가 짧은 jQuery를 이용하는 것이 가독성이 뛰어나다는 것이다. 독학으로 JavaScript를 공부했을 때 헷갈리는 문법이 많았고, 쓰다 보면 굉장히 길어져서 코드 읽기가 힘들어서 대안인 jQuery를 공부했었는데, 이 선택이 내가 수업 들을 때 도움이 되었다. 만약 jquery를 처음 접하는 사람은 JavaScript의 기초문법에 대해 공부하고 jQuery를 사용하는 것이 좋다고 생각했다.

 

❗  보완할 점

1. Ajax를 숙지하기
2. Ajax를 이용한 웹사이트 제작해보기

고양이 사진 코딩 작업할 때 ready함수를 이용했던 것을 안 보고 작성해보았다. 다 만들고 나니 실행이 안 되는 것이었다.

알고 보니 document를 documnet로 적었던 것과, $('document')에 ' '를 적어서 실행이 안되었던 것이었다. 아직 내 것으로 완벽하게 만들지 못했기 때문에 이러한 현상이 발생한다는 것을 느끼고, Ajax를 숙지하고 Ajax를 이용한 웹사이트를 한번 만들어보자고 생각했다.

 

 

💬 나의 다짐

마지막 2주 차 강의를 끝내고 밀린 알림을 보는데 매니저님께서 남긴 글을 보고 나니 메이킹 챌린지가 있다는 것이다.

메이킹 챌린지란 2주간 동료들과 팀을 이루어서 프로젝트를 만드는 것이라고 한다. 나는 혼자서 포트폴리오를 만들기만 했지 실제로 다른 사람들과 협업을 통한 프로젝트를 한 번도 만들어보지 못했다는 것이 아쉬움으로 있었다. 그래서 메이킹 챌린지에 합류해서 꼭 사람들이랑 같이 프로젝트를 만들고 싶다!