본문 바로가기

멋쟁이사자처럼3

[멋쟁이사자처럼🦁] week 4. JavaScript To Do List 실습📝 JavaScript의 변수는 3가지 종류가 있다. 특징은 다음과 같다. 이름 재할당 중복 선언 var O O let O X const X X let vs var let은 var와 달리 중복선언 시, 해당 변수는 이미 선언되었다는 에러 메시지를 뱉는다. 즉, 중복선언이 불가하다. 하지만 변수에 값을 재할당하는 것은 가능하다. let vs const let와 const의 차이는 immutable(재할당)가능여부이다. 재할당은 가능한 let과 달리 const는 재할당 또한 불가하다. js 실습을 위한 html&css code [todo.html] To Do List + [todo.css] html, body { width: 50%; margin: 0 auto; font-family: Arial, Helveti.. 2023. 5. 3.
[멋쟁이사자처럼🦁] week 4. JavaScript 실용편 | onclick | querySelector | getElementById | java script의 문법과 개념, 실용은 많이 다르다. 따라서 이번 세션에서는 실습을 통해 코드를 직접 구현해보면서 배울 것! JavaScript란? 자바 스크립트는 html 조작과 변경, 동적 반응, 데이터 다루기, 서버와 통신 등에 쓰인다. java script로 HTML 조작하기 document.getElementByID("hello").innerText='안녕'; document = 문서(html) getElementById(”dd”): id가 dd인 요소를 가져온다. innerText: html 내부 글자 document.getElementByID("A").B='C'; A = 변경하고싶은 html 요소의 id B = 무엇을 변경할 것인지 C = 어떻게 변경할 것인지 안녕하세요 id가 hell.. 2023. 5. 1.
[멋쟁이 사자처럼🦁] week 2. 웹 기본 구성 | 웹 페이지 해킹?! | HTML | 주석 웹 웹을 이해하기 위해서는 인터넷, WWW, Web server, 브라우저 등의 개념이 필요하지만 html 세션 내용을 기록하기 위한 포스팅이므로 많은 웹 개념중 Web Page - html에 대해 알아보자! Web page 구성 브라우저가 웹을 사용자에게 시각적으로 보여주기 위해서는 웹 서버로부터 html, css, Javascript를 다운 받은 후 순서에 맞게 실행한다. HTML: 내용, Content 웹 페이지에 표시할 내용들 웹 페이지의 구조 elemetns로 구성 CSS(Cascading Style Sheets): 모양, Style 웹 사이트의 레이아웃 글꼴, 색상 등의 디자인을 입히는 역할 JavaScript(ECMA Script): 동작, Behavior 객체 기반의 스크립트 프로그래밍 언.. 2023. 4. 29.