가볍고 재미있게 시작하는 웹 프로그래밍! 직접 코드를 만져보면서 꼭 필요한 지식을 배워보세요.
강의 특징 💡
프로그래밍에 능숙하지 않은 사람을 강의 대상자로 삼아 최소한으로 필요한 지식을 알려드립니다. 기본적인 언어 소개나, 간단한 설명을 한 후에 중간마다 실습을 진행하면서 학습자의 이해도를 높이고자 했습니다. 심화적인 부분은 다루지 않으니 참고 자료 추천을 통해 자기주도적인 학습을 권장드립니다.
왜 배워야 하는지 ✒️
우리 주변의 웹 서비스에서 접하는 입력 필드, 버튼, 체크박스 등 웹 페이지의 요소를 프로그래밍으로 접근합니다. 웹 서비스 불편함을 느꼈던 부분을 직접 코드로 수정해보고, 비슷한 경험을 하는 사람들과 공유할 수 있습니다.
자세히 다루지 않은 것들 ❌
우리 주변의 웹 서비스를 따라 만드는 방법
ECMAScript 2015 이후의 문법에 대해
타인에게 피해를 주는 악성 스크립트 작성법
섹션별 소개 📖
오리엔테이션
교육 소개, 웹의 배경에 대해
웹 서비스의 스타일을 바꿔보기
HTML과 CSS를 배워서 웹 서비스의 문제를 해결하거나, 자기 취향에 맞게 서비스를 꾸며봐요. CSS 선택자에 대해 자세히 알면, 귀여운 고양이 배경 화면을 바탕에 띄워볼 수 있습니다 :D
▲ 배경 사진 출처 : Florian Olivo
자바스크립트로 웹 서비스 자동화하기
자바스크립트 기능 중에 DOM 제어에 집중해서 주변의 웹 서비스를 프로그래밍으로 대신 다루는 방법을 소개드립니다.
▲ 간편결제 서비스 카카오페이의 결제 정보를 바로 입력하고 카카오톡으로 보내는 모습
번거로운 텍스트 입력과 버튼 클릭을 컴퓨터에게 전담할 수 있을까요?
1,000개가 넘는 메일함의 항목을 일괄 처리할 수 있을까요?
자바스크립트로 웹 페이지의 구조를 재구성하기
광고를 차단하고 우리가 확인하고 싶은 내용만 보여주는 웹 확장 프로그램을 만드는 방법을 소개합니다.
브라우저 개발자 콘솔 내에서 돌아가는 코드를 작성해 필요로하는 정보만을 띄워봅니다.
유저스크립트를 이용해 영속성을 유지합니다.
다른 사이트에도 스크립트를 적용해보고 본문안에 담긴 광고를 제거합니다.
윤리적 사용
프로그래밍의 도덕적인 활용에 대해 고민합니다.
교육에 사용하는 도구
강의는 구글 크롬으로 진행하지만 구글 크롬, 사파리, 파이어폭스 등 편하신 모던 웹 브라우저를 사용하셔도 괜찮습니다.
Đó là khoảng thời gian tuyệt vời khi tôi có thể tìm hiểu về cách khắc phục những bất tiện khi sử dụng web và chia sẻ chúng với các tiện ích mở rộng web.