함수 표현식 const hello = function ddd(){ console.log('안녕하세요.JavaScript!'); } hello(); 화살표 함수 - ECMA Script6에 추가된 문법 - function 키워드를 사용하여 함수를 만드는 것보다 간단하게 표현 - 화살표 함수는 항상 익명 매개변수가 없는 경우 const hello = () => { console.log('안녕하세요. JavaScript!'); } const hello = () => console.log('안녕하세요. JavaScript!'); const func1 = () => console.log('안녕하세요 JavaScript!') func1(); 매개변수가 있는 경우 const sum = function(x,y){ co..
var과 let의 차이는 뭘까? console.log(a) var a = 1 console.log(a) 자바나 c, c++,등 다른 언어를 보면 알 수있듯 코드는 원래 top to bottom이라 1번라인에서 에러가나야 정상인데 자바스크립트는 ㅇ 에러없이 아래출력 undefined 1 자바스크립트는 실행시 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다 var 로 선언한 변수의 경우 호이스팅 시 undefined 로 변수를 초기화한다 console.log(a) a = 1 var a console.log(a) 이렇게해도 에러없이 아래출력 undefined 1 함수블럭내에서는?? var a = 2 function fun() { var b = 1 } console.log(b) ..
자바스크릡트 대화상자 - alert() 사용자에게 메시지를 보여주고, 확인을 기다림 BOM(Browser Object Model) 윈도우는 최상위 객체 (운영체제 윈도우가 아님) 원래는 window.alert();라고 쓰는게 맞고 그냥 alert();라고 써도 상관없어용 alert('안녕하세요. 자바스크립트!'); - confirm() 사용자에게 메시지를 보여주고, 확인이나 취소를 누르면 그 결과를 불린값으로 반환 const result = confirm('확인이나 취소를 누르세요'); const a = confirm('확인을 눌러주세요') console.log(a); - prompt() 사용자에게 메시지를 보여주고, 사용자가 입력한 문자열을 반환 스캐너대신해서 실습할때 사용할거임 const result..
최초의 브라우저: 모자이크 Netscape - 네비게이터 브라우저 - 브랜든 아이크(Brendan Eich) 영입 - 10일만에 모카라는 언어로 네비게이터에 적용(인터프리터 사용) 모카 -> 라이브 스크립트 -> 자바스크립트 jQuery - 과거 브라우저 및 특정 브라우저 버전등을 모두 사용할 수 있도록 하는 라이브러리 - jQuery 문법을 공부해야 하는 단점 V8 자바스크립트 엔진 - 2008년 구글에서 크롬의 베타 버전과 함께 v8엔진 소개 ECMA 스크립트를 표준화(ECMA International에 요청) 트렌스 컴파일러 - BABEL - 과거 브라우저 및 특정 브라우저 버전등을 모두 사용할 수 있도록 하는 라이브러리 JavaScript: 바닐라 스크립트 react, vue, angular: S..
1. 페이지 외부 폰트 설정 //무료 폰트사이트 https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 웹폰트로 사용 내에 소스복사 css에 그대로 복붙 css body 태그에 font-family:에 위에 폰트명 적어주고 , sns-serif 는 만약 못 불러올시 sns-serif 체를 불러오겠다 2.CSS :root 변수 선언 --(하이픈2개)적고 속성 이름을 적은 후 :(클론) 뒤에 속성값 넣어줌 :root{ --color-white: #ffffff; --color-black: #000000; --color-blue: #6b8bad; --color-gray: #707C7E; --font-large: 48px; --font-medium: 28px; --font-regula..
CSS 2D transform // can i use 에서 보면 거의 대부분 호환됨. 2차원 좌표에서 요소를 변형시키는 속성 이동, 확대, 축소, 회전, 경사 등을 만들 수 있음 // 움직이는 걸 보여주지는 않음 trnaslate: 이동 rotate: 회전 scale: 확대, 축소 skew: 경사 // 비틀림 [01_transform.html]@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ✔ 벤더 프리픽스(vendor prefix) // caniuse에서 노란색으로 나오는 부분은 이걸 붙여줘야 됨(빨강은 붙여도 안됨) - 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알리기 위해 사용하는 접두사 - W3C..
