JavaScript
1.[JavaScipt - 실습] Making a Night Mode Button
웹브라우저는 한 번 화면에 출력되면 그 모습을 바꿀 수없다. 그러나 JavaScirpt라면 그것을 가능하게 한다.
2.[JavaScript - 실습] Making a Shopping Mall Mini Game (1)
HTML, CSS을 이용해 아이템들을 나열하고, JavaScirpt에서 동적으로 받아온 데이터 버튼을 이용해 색상별, 아이템별로 필터링 할 수있는 기능을 갖춘 간단한 온라인 쇼핑몰 미니게임을 구현한 클론코딩 프로젝트입니다.
3.[JavaScript - 실습] Making a Shopping Mall Mini Game (2)
HTML 마크업을 끝내고 디자인을 담당하는 stylesheet 파일로 넘어와서 레이아웃부터 버튼과 아이템 각각의 디자인을 잡아준다.
4.[JavaScirpt - 문법] 변수(Variable) (1)
변수란, 숫자 또는 문자열과 같은 값의 컨테이너이다. 어플리케이션을 실행하면 어플리케이션마다 실행할 수 있는 메모리가 할당되어지게 되는데, 이 메모리는 박스에 비유할 수 있다.
5.[JavaScript - 실습] Making a clock
실시간으로 작동하는 시계를 구현하는 것을 통하여 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수인 date 객체를 학습한다.
6.[JavaScirpt - 문법] 변수(Variable) (2)
primitive type은 더이상 작은 단위로 나누어질 수 없는 데이터를 뜻한다.
7.[JavaScript - 실습] Trimming a Tree with for statement
자바스크립트 뿐만 아니라 다른 프로그래밍 언어에서 if구문을 학습할 때 국룰인 별찍기! 중첩반복문을 사용하기 때문에 난이도가 높아 별찍기를 하다보면 콘솔창이 아니라 눈 앞에 별이 돌아가는 경험을 할 수 있다. 🤩
8.[JavaScript - 실습] Random Lunch Slot
사람이라면 누구나 오늘의 점심메뉴를 고민한다!
9.[JavaScirpt - 문법] Class (1)
클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀이다.
10.[JavaScirpt - 문법] Class (2)
Inhertance(상속) & OverWriting(다양성) Class가 가진 상속과 다양성의 성질은 Class내에서 공통적으로 쓰이는 속성 값을 재사용 가능하게 한다.
11.[JavaScipt - 실습] Making a infinite loop slider
HTML + CSS JavaScript
12.[JavaScipt - Plugin] Making a slider with Swiper
자바스크립트로 무한으로 루프하는 슬라이더를 구현해봤으니 플러그인을 이용해 슬라이드를 간단하게 만들 수 있는 방법에 대해 알아보자!
13.[JavaScirpt - 문법] ES6 syntax
ES6에 새롭게 추가된 문법을 알아보자!