[30일 챌린지 Day-5] flex, classname 추가 활용
·
개발/html, css, js
1. 기본값 Hey Let's Dance Give Take Receive Experience It Today Give All You can Life In Motion 2. 결과 Hey Let's Dance Give Take Receive Experience It Today Give All You can Life In Motion 3. 리뷰 flex 를 통해 크기를 조절할수 있다. 5개의 panel에 flex 1을 준상태에서 클릭시 flex5로 바꿔준다면 상대적으로 커지게 된다. display : flex를 통해 가로로 배치했다. toggle을 통해 open 클래스가 있다면 클래스제거 없으면 클래스추가를 했다.
[30일 챌린지 Day-3] input값 적용하기
·
개발/html, css, js
1. 기본값 Update CSS Variables with JS Spacing: Blur: Base Color 2. 결과 Update CSS Variables with JS Spacing: Blur: Base Color 3. 리뷰 input과 change의 차이점 : input은 실시간으로 값을 받아들이지만 change는 마지막값 즉, 결과값만 받아들인다.
[30일 챌린지 Day-2] 시계 만들기
·
개발/html, css, js
기본값과 결과를 html로 띄어놓고 코딩해보세요 1. 기본값 2. 결과 3. 리뷰 처음 시침,분침,초침이 9시방향을 가리키고 있어서 12시방향으로 옮겨주기 위해 3시간, 15분,15초 씩 더해줬다. setInterval 로 1초마다 한번씩 값을 갱신하도록 작성했다. 초침은 60초에 360도를 움직이므로 1초에 6도 움직인다. 분침은 60분에 360도를 움직이므로 1분에 6도 움직인다. 여기에 60초에 1분이므로 60초에 6도움직이기 때문에 초/60 *6 을 추가한다. 시침은 12시간에 360도를 움직이므로 1시간 30도, 60분에 30도움직이고, 3600초에 30도 움직이므로 값을 추가한다.
[JavaScript] 농구게임 만들기
·
개발/html, css, js
jason 값 가져오기 jason { "player":{ "user":{ "id":"윤철이", "name" :"이지니" }, "user2":{ "id":"윤철이2", "name" :"이지니2" }, "user3":{ "id":"윤철이3", "name" :"이지니3" }, "user4":{ "id":"윤철이4", "name" :"이지니4" } }, "class":{ "1":40, "2":30, "3":20, "4":10, "5":5 } } JS function one(){ //2초뒤 콘솔 setTimeout(()=>{ console.log("첫번째"); },2000); } function two(){ console.log("두번째"); } function three(){ console.log("세번째");..
[JavaScript] 지역변수, 전역변수
·
개발/html, css, js
변수를 선언할 때 쓰고자 하는 범위에 따라 전역변수와 지역변수로 나눌수 있다. 1. 지역변수 function globalVariable(a,b) { var a = 10; let b = 20; } 지역변수는 위와 같이 function 안에서 변수를 선언하여 function 내부에서만 적용이 된다. 2. 전역변수 var a = 10; let b = 20; 전역변수는 외부에서 변수를 선언하여 같은 파일 어디에서나 사용할수 있게 설정된다.
[언어분류] 컴파일 언어 VS 인터프리터 언어
·
개발/정리
1. 컴파일 언어 컴파일 언어란 작성된 언어를 번역한 후 번역된 언어를 실행시키는 것이다. 작성된 언어를 따로 번역해야 하기 때문에 번역에는 시간이 오래 걸리지만 번역을 하면 프로그램 실행 시 다시 번역을 하지 않아도 되기 때문에 실행 시키는 속도는 빠르다. 프로그램의 변경이 있을 시 새로 번역을 다시 해야 하기 때문에 적응이 느리다. C언어, JAVA등이 있다. 2. 인터프리터 언어 인터프리터 언어란 프로그램 실행 시 한줄 단위로 번역후 실행을 끝까지 반복하기 때문에 번역에는 시간이 짧게 걸리지만 실행하는 데에는 시간이 오래 걸린다. 프로그램의 변경이 있을 시 적응이 빠르다. Python 등이 있다.