자바스크립트23 1. 자바스크립트란 무엇인가? 탄생 html을 동적으로 표현하기위한 경량의 프로그래밍 언어 파편화와 표준화 마소가 J스크립트라는 파생형을 만들고 이를 위시한 브라우저간 기능 경쟁은 호환성 문제를 일으켜 크로스브라우징 이슈가 발생했다. 이에 ES등 자바스크립트 표준이 발표되기 시작함. 성장의 역사 1999 대부분의 로직이 웹서버에 있었음. HTML은 변경없는부분까지 통채로 서버로부터 전송받음. 이를 획기적으로 개선한게 Ajax (Asychronous javascript and xml), XMLHttpRequest 2006 jquery 로 dom을 쉽게 제어하고 크로스 브라우징 해결 2008 크롬 v8엔진으로 웹어플리케이션의 데스크톱 어플리케이션 퍼포먼스 (프론트엔드의 분화) 2009 노드 js로 서버 어플리케이션으로 js의 범용성 확대.. 2023. 4. 8. 0.프로그래밍이란 무엇인가? 요구사항을 정의하고 적절한 함수와 자료구조를 통해 흐름을 제어하고 문제를 해결하는 것. 2023. 4. 8. 자바스크립트 (21) - 투두리스트 기능 구현 1 1. html 투두 폼 만들기. 먼저 todo.js 파일을 만들고 html에서 임포트한다. 유저가 투두를 입력하면 리스트로 반환 해줄 수 있도록 폼을 만들어줘야한다. 태그의 required 속성은 폼 데이터가 서버로 제출되기 전 반드시 채워져 있어야 하는 입력 필드를 명시한다. 2. html 리스트 만들기. todo-list 라는 id를 가진 unordered list를 만들어준다. 앞으로 리스트를 추가할때는 이 리스트 아래에 자바스크립트를 활용해 추가할 것이다. 이제 form과 ul을 html에서 js로 가져가보자. 3. html에서 js로 가져오기 const toDoForm = document.querySelector("#todo-form") const toDoInput = document.query.. 2022. 11. 14. 자바스크립트 (20) - Clock 기능 구현 총정리 h2#clock태그에서 가져온 객체를 clock으로 가져왔다. getClock이란 함수를 만들었고 데이트 객체를 호출했다. 이 객체는 선언시의 데이트 정보를 저장한다. 거기서 시간 분 초를 알아냈다. 넘버타입이기때문에 스트링으로 바꾸고, padStart() function 을 사용 백틱을 통해 clock 안의 텍스트 값을 innerText로 수정한다. 2022. 11. 10. 이전 1 2 3 4 ··· 6 다음
