HTML/CSS/Javascript

변수 1) 변수는 문자와 숫자, $와 _만 사용 2) 첫글자는 숫자가 될 수 없다. 3) 예약어는 사용할 수 없다. 4) 가급적 상수는 대문자로 알려주기 5) 변수명은 읽기 쉽고 이해할 수 있게 선언 자료형, 숫자형 alert 알려줌 / prompt 입력 받음 / confirm 확인 받음 형변환 String() -> 문자형으로 변환 Number() -...

기본 연산자 거듭제곱: ** 비교 연산자, 조건문 비교 연산자 조건문 논리 연산자 반복문 loop : 동일한 작업 여러번 반복 for while break, continue SWITCH case가 다양할때 쓰면 편함

함수(function) 함수 선언문 ● 어디서든 호출 가능 : 미리 선언된 함수를 저장해놓기 때문(호이스팅(hoisting)) ● 한번에 한작업에 집중 ● 읽기 쉽고 어떤 동작인지 알 수 있게 네이밍 함수표현식: 코드에 도달하면 생성(미리 생성되지 않음) 화살표 함수(arrow function) 객체(Object) 객체(Object) - method...

Typing Game누르면 게임으로 접속합니다!

할 일을 정리해보자 Link To-Do List 누르면 이동합니다! HTML 정리(form 태그) [form태그 이해] (https://ofcourse.kr/html-course/form-%ED%83%9C%EA%B7%B8) CSS Javascript 정리(DO

추억이 담긴 게임 '테트리스(TETRIS)'

* 🔥 HTML/CSS/Javascript를 활용한* 타이핑 효과 페이지 **만들기 🔥 typing effect 보러가기 1. 📖 뼈대 만들기 ✍ code head태그안에 CSS에 들어갈 아이콘(이모티콘?)의 링크를 따와서 써준다. 그리고 HTML과 CS

🔥 HTML/CSS를 활용한 3D flip 버튼 만들기 🔥 버튼 보러가기 1. 📖 뼈대 만들기 ✍ code 굉장히 간단하다. 2. 📖 꾸며주기 & 효과 넣기 ✍ code perspective는 원근감을 생기게하는 요소. 숫자가 작을수록 더 원근감 올라감. 최상위 태그에 써야함. 텍스트가 한 줄 일때, 요소의 height 값과 line...

🔥 HTML/CSS/Javascript를 활용한 간단 계산기 만들기 🔥 계산기 1. 📖 뼈대 만들기 & 효과 넣기 ✍ code form 태그 -> input 태그(상호작용이 필요할때 쓰인다. 일반적인 경우에는 button 태그로 가능하다.) "="의 class가 operator, result 두개. eval 함수는 실제 계산을 가능케하는 함수 ...