이번 영상은 Javascript의 기본 개념 및 활용 분야에 대해 배워보고 가장 중요한 개념인 함수를 배우고 이를 활용해 스타크래프트 예제를 만들어보는 강의입니다. 함수의 개념을 해리포터의 마법에 비유하여 간단히 알아보고 Javascript의 라이브러리인 JQuery, JQuery UI의 사용 방법 및 구글링 팁 등을 배워보고 지난 시간에도 활용해보았던 Codepen, Bootstrap에서의 Javascript 활용에 대해 살펴봅니다.

영상에 나왔듯 함수의 기본 개념만 알아도 이미 만들어진 함수들이 많아서 가져다 쓰는 것 만으로도 엄청 많은 기능을 구현할 수 있습니다.

실습 이미지 다운로드 주소
Cloacking: https://drive.google.com/file/d/11Z8vaFjJj0ihNHj02733UmfBZNCypn1r/view?usp=sharing

Wraith:
https://drive.google.com/file/d/1skeLoa9RU0A–Kx6XmI_xskNexL0rGF3/view?usp=sharing

Codepen은 독특하고 화려한 UI요소들이 많지만 개인 개발자분들이 올려주신 것이라 별도의 라이센스 확인이 필요합니다. 보통 MIT라이센스(상업적 이용 무료)를 따르며 어떻게 쓰든 상관없이 주석으로 여러분의 코드에 라이센스만 붙여넣으시면 전혀 문제가 없습니다. 그러나 특정 작품은 Private 라이센스를 등록한 경우도 있으니 유의하여 꼭 확인해보세요!
Detail View – License 에서 확인 가능

라이센스 설명: https://blog.codepen.io/legal/licensing
라이센스 확인 방법: https://blog.codepen.io/documentation/views/details-vew

Bootstrap: https://getbootstrap.com

이번 영상이 조금 어렵게 느껴지시는 분들은 제 채널의 HTML, CSS 강좌를 참고해주시고 그래도 어렵다면 Javascript 기초 학습 사이트에서 이론 공부를 조금 하시고 다시 시청하시면 이해가 더 잘 되실겁니다! 질문사항은 언제든 댓글 남겨주세요~!

추천 기본 개념 학습 사이트
– Codecademy(미션) : https://www.codecademy.com/learn/introduction-to-javascript
– 생활코딩(영상) : https://opentutorials.org/course/743, https://opentutorials.org/course/3085

*1만 구독자 기념 추첨 생방송에 사용되었던 코드도 Javascript, JQuery를 기반으로 작성되었습니다. Javascript를 모르시면 이해가 어려우실 수 있을 것 같아 [Javascript 기초와 활용 #2] 강좌 마무리 후 코드 설명 영상 올리도록 하겠습니다.