분류 전체보기
-
(3)JavaScript_상수Javascript 2023. 4. 7. 11:34
자바스크립트 상수 예제 F12 개발자모드 콘솔창을 통해 확인할 수 있다. 아래 링크를 통해 각 기능들의 설명을 볼 수 있다. https://jm-rograming.tistory.com/113 (0)JavaScript_기본설명 자바스크립트(JavaScript) 1995년 넷스케이프 커뮤니테이션즈: 네비게이터 브라우저가 90% 이상의 점유율 1996년 브렌던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에 개발)를 개발 네 jm-rograming.tistory.com DOCTYPE html> 상수 상수 // const str; // str = '가나다'; 에러! const str = '가나다' console.log(str); const obj = {id: 'A', name: '에이', gend..
-
(2)JavaScript_변수Javascript 2023. 4. 7. 11:33
자바스크립트 변수 예제 F12 개발자모드 콘솔창을 통해 확인할 수 있다. 아래 링크를 통해 각 기능들의 설명을 볼 수 있다. https://jm-rograming.tistory.com/113 (0)JavaScript_기본설명 자바스크립트(JavaScript) 1995년 넷스케이프 커뮤니테이션즈: 네비게이터 브라우저가 90% 이상의 점유율 1996년 브렌던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에 개발)를 개발 네 jm-rograming.tistory.com DOCTYPE html> 변수 변수 var num; num = 10; console.log(num); str = 'Hello'; console.log(str); var str = 'hi'; console.log(str); { co..
-
(1)JavaScript_자바스크립트 출력Javascript 2023. 4. 7. 11:31
자바스크립트 출력 예제 F12 개발자모드 콘솔창을 통해 확인할 수 있다. 아래 링크를 통해 각 기능들의 설명을 볼 수 있다. https://jm-rograming.tistory.com/113 (0)JavaScript_기본설명 자바스크립트(JavaScript) 1995년 넷스케이프 커뮤니테이션즈: 네비게이터 브라우저가 90% 이상의 점유율 1996년 브렌던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에 개발)를 개발 네 jm-rograming.tistory.com DOCTYPE html> 자바스크립트 출력 console.log('안녕하세요. Javascript 1'); 자바스크립트 출력 외부 자바스크립트 console.log('안녕하세요. JavaScript 2');
-
(0)JavaScript_기본설명Javascript 2023. 4. 7. 11:28
자바스크립트(JavaScript) 1995년 넷스케이프 커뮤니테이션즈: 네비게이터 브라우저가 90% 이상의 점유율 1996년 브렌던 아이크 동적인 프로그램을 개발하기 위해 언어(모카, 10일만에 개발)를 개발 네비게이터2에 탑재(모카 -> 라이브스크립트 -> 자바스크립트) MS의 익스플로러의 jscript 호환성 문제로 크로스 브라우징 이슈가 발생 1997년 자바스크립트는 ECMAScript로 명명됨(비영리 표준화 기구 ECMA 인터내셔널)로 명명됨 1999년 비동기적(Asynchronous) 서버와 브라우저가 데이터를 교환할 수 있는 통신기능 Ajax(Asynchronous JavaScript and XML)이 탄생 2005년 구글이 발표한 구글맵에 Ajax기술을 사용 크롬 발표함(V8 자바스크립트 엔..
-
(73)CSS_css우선순위HTML, CSS 2023. 4. 5. 16:12
우선순위 예제 아래 링크를 통해 각 태그의 설명을 볼 수 있다. https://jm-rograming.tistory.com/105 (66)CSS_기본문법 trangsfrom 2차원 좌표에서 요소를 변형시키는 속성 tramslate : 이동 rotate : 회원 scale : 확대, 축소 skew : 경사, 비틀기 ✔ 벤터 프리픽스(vender prefix) 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 jm-rograming.tistory.com DOCTYPE html> css 우선순위 #id-style{ background-color: deeppink; } #id-style2{ background-color: deepskyblue; } div{ display: block; padding: 30px;..
-
(72)CSS_animation 2HTML, CSS 2023. 4. 5. 16:11
animation 2번째 예제 아래 링크를 통해 각 태그의 설명을 볼 수 있다. https://jm-rograming.tistory.com/105 (66)CSS_기본문법 trangsfrom 2차원 좌표에서 요소를 변형시키는 속성 tramslate : 이동 rotate : 회원 scale : 확대, 축소 skew : 경사, 비틀기 ✔ 벤터 프리픽스(vender prefix) 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 jm-rograming.tistory.com DOCTYPE html> animation2 Clock Hourglass Loader 1 loader 2 loader 3 loader 4 loader 5 loader 6 loader 7 loader 8 loader 9 loader 10 외부 ..
-
(71)CSS_animation1HTML, CSS 2023. 4. 5. 16:09
animation 1번째 예제 아래 링크를 통해 각 태그의 설명을 볼 수 있다. https://jm-rograming.tistory.com/105 (66)CSS_기본문법 trangsfrom 2차원 좌표에서 요소를 변형시키는 속성 tramslate : 이동 rotate : 회원 scale : 확대, 축소 skew : 경사, 비틀기 ✔ 벤터 프리픽스(vender prefix) 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 jm-rograming.tistory.com DOCTYPE html> animation .box{ margin-top: 100px; margin-left: 100px; padding: 20px; height: 60px; animation-name: moving; animation-dur..
-
(70)CSS_transition2HTML, CSS 2023. 4. 4. 15:45
transition 2번째 예제 아래 링크를 통해 각 태그의 설명을 볼 수 있다. https://jm-rograming.tistory.com/105 (66)CSS_기본문법 trangsfrom 2차원 좌표에서 요소를 변형시키는 속성 tramslate : 이동 rotate : 회원 scale : 확대, 축소 skew : 경사, 비틀기 ✔ 벤터 프리픽스(vender prefix) 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 jm-rograming.tistory.com DOCTYPE html> transition2 h2{ text-align: center; } #ex{ position: relative; width: 800px; height: 400px; margin: 0 auto; border: 5px ..