본문 바로가기
728x90
반응형

Coding With Jina/JavaScript58

[자바스크립트] 바닐라자바스크립트를 이용하여 시계 만들기 일단 2종류의파일이 필요함 1. index.html 2. clock.js 1) 첫번째 index.html 파일에 노란색 부분을 작성한다. -> html 영역과 js 파일을 연결해주는 것 2) js 파일 작성해주기 ① 1~2번째라인 clockContaniner를 생성해주고 거기에 div js-clock를 연결해준다. div js-clock 영역 안에 있는 h1 js-title을 clockTitle을 생성해주고 연결 ② 12번째라인 function init() 일단 만들어주고 ③ 4번째 라인 getTime 함수를 만들어준다. ④ 5~8번째 라인 만든 getTime 함수 안에 날짜 객체?를 생성해주고나서 그 객체 안에 있는 분/시간/초를 따로따로 저장시켜준다. ⑤ 9번째라인 마지막으로 clockTitle에 i.. 2020. 11. 4.
[자바스크립트] JavaScript 그리고 ES6는 무엇인가? 자바스크립트를 다시 제대로 공부해보려고 한다. 그 전에 전부터 헷갈렸던 용어부터 정리해볼까한다. 오늘은 들어도보고 얼추 알지만 자세히는 알지 못했던 용어들과 자바스크립트에 대해 정리해보는 시간이다. 나같이 비전공자들이 봐도 아주 쉽게 설명을 써볼까하는데 미래의 이 모든것들을 까먹은 나에게 필히 도움이 되길 바라며.. ◆ 자바스크립트(JavaScript) - 객체(object) 기반의 스크립트 언어 - HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현 - 자바스크립트는 주로 웹 브라우저에서 사용 - Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용 가능 ◆ 객체(object) 기반(프로토타입 기반) - 프로토타입 기반 언어는 클래스 기.. 2020. 8. 4.
[노마드코더] 바닐라 자바스크립트 기본 개념 JavaScript - 웹에 쓰이는 하나뿐인 프로그래밍 언어 - 옵션이 하나뿐이기 때문 - 프론트엔드에서는 자바스크립트 한 언어만 쓰이기때문에 fragmentation(분열)이 없어서 좋음 - 모두 한 언어로 대화가능 - 자바스크립트에 갇혀서 바꾸거나 원하는 거로 교체할 수 없는 것이 단점 - 웹이 빠르게 발전 하므로 자바스크립트도 발전하고 영향력도 커짐 - 자바스크립트를 통해 많은 것을 만들 수 있음(웹사이트/웹앱/모바일어플/비디오게임등등) - 자바스크립트로 내 위치와 날씨,시간등을 가지고 올 수 있고 할일(텍스트)을 저장할 수도 있음 - 자바스크립트에서 표현이란 instruction - 위에서부터 아래로 읽어지고 실행됨 ES5/ES6 - ECMAScript(에그마 스크립트) : Specificatio.. 2020. 5. 8.
[자바스크립트] 기본 개념 1) 함수문법 function 함수명(매개변수1,매개변수2,..){ 함수가 호출되었을때 실행하과 하는 실행문 return 함수 밖으로 내보고내고 싶은 값 또는 식 } 1.1 변수 매개변수 : 전달해주는 무언가 지역변수 함수 안에서 로컬적으로 있다가 사라지는 함수 전역변수 함수 바깥에 함수 1.2 객체 객체(Object) -생성 -프로퍼티 -메소드와 this 2020. 5. 8.
728x90
반응형