바닐라JS
1.[바닐라JS] Intro_무엇을 만들고 배우는지
어떻게 사용자가 누구인지 기억할 수 있는지 배움어떻게 현재 시간을 표시해주는지어떻게 내위치/ 위치의 날씨 /위치의 지명 알수있는지 배움어떻게 배경화면을 바꾸는지, 어떻게 무작위로 사진을 바꾸는지무작위로 명언을 받아서 사용자에게 저장하는법할일을 입력하면 출력, 줄긋기 ,
2.[바닐라JS] 1일차(1.4~2.0)_ JS 필요성 / 다루기 기초
1.4~2.0강1995년 12월에 넷스케이프를 더 동적으로 작동하게 하기 위해 10일만에 만들어진 언어 \* 넷스케이프: 당시의 HTML & CSS로만 이루어진 브라우저세계의 모든 컴퓨터에 있기 때문에 이 언어가 사라질 일이 없음. 모든 브라우저에 내장되어 있기
3.[바닐라JS] 2일차(2.1~2.6)_ JS데이터 타입 / 변수 / const let var / 배열 / 객체
2.1~2.6JS는 여러 type을 알아서 이해한다. \* 숫자(integer,float), 문자(text) 등등..integer (정수), float (실수)JS는 정수와 실수를 알아서 분간해냄.따옴표 필요 없음숫자와 다르게 ""안에 넣어주어야 JS가 인식함
4.[바닐라JS] 3일차(2.7~2.16)_ 함수의 인자 & return / 조건문의 조건 & 연산자
2.7~2.16function 계속 반복해서 사용할 수 있는 코드조각반복되는 것들을 function으로 묶어, 코드를 간단히 할 수 있다.어떤일을 수행하고 그 결과를 알려주는것.()에 인수를 전송해 실행 시킬 수 있다.인수 : 함수를 실행하는 동안 어떤 정보를 함수에게
5.[바닐라JS] 4일차(3.0~3.5) + 코드챌린지_ JS로 HTML태그 가져오기 / event 추가하기
3.0~3.5 3. JAVASCRIPT ON THE BROWSER 3.0 The Document Object ▶️ JS는 HTML에 이미 연결되어 있어, Element들을 변경하고 읽을 수 있다. document console 창에 document라고 치면 저장된
6.[바닐라JS] 7일차(4.0~4.7) + 코드챌린지_ 사용자의 입력값을가져와 브라우저에 저장 _ / preventDefault() / localStorage
4.0~4.7▶️ 로그인 작업을 하려면 사용자가 입력한 값을JS로 가져오는 것부터▶️ 버튼을 눌렀을때 입력값을 가져오기 위해 버튼에 click 이벤트를 설정▶️ input 태그의 값을 가져오려면 valueTip! Jn에서 구현을 할 수 있지만 될수 있으면 HTML의
7.[바닐라JS] 5 & 6일차(2.13~3.8) + 코드챌린지_ JS로 HTML태그에 class 추가 / 제거 / 변경하기 _ className & classList & toggle
3.6~3.8element찾기event를listen하기event에 반응하기무언가를 보여주거나, 감추거나, 색깔을 빠꾼다거나 등등 ▶️ CSS로 스타일을, JS에서는 애니메이션설정을 하는것 추천HTML 이 JS와 CSS파일에 모두 연결되어있는지 확인 CSS에 추가하고
8.[바닐라JS] 11일차 _ Math module / 랜덤이미지불러오기 / createElement() / appendChild()
6.0 ~ 6.2Math.ceil() 소수자리가 있으면 무조건 올림Math.ceil(1.1) => 2Math.ceil(1.0) => 1Math.round() 반올림Math.floor() 소수자리 버림, 정수 유지Math.random() 0과 1사이의 랜덤숫자\* 숫자