반응형

2025/05/21 8

태그6_개념_값변경의종류

태그6_개념_값변경의종류안에 찾는 명령어가 4개 있다. (1) innerText : 사용자에게 보여지는 텍스트만 가져옴 (2) innerHTML : html 전체를 다 가져옴 (3) textContent : 숨겨진 텍스트까지 포함해서 텍스트만 모두 다 가져옴 (4) value : , 태그의 값을 가져옴프론트엔드디자이너들이 만든 수많은 태그들중 원하는 것을 규칙 찾아서.이것을 바꾸는것 문제

코딩/1-JavaScript 2025.05.21

태그3_개념_tag , 태그4_개념_name , 태그5_개념_queryselector

태그3_개념_tag 클래스를 지정을 안했는데. 왜 콜랙션이 들어갔지? f12왜 배열로 잡히지? 태그4_개념_namenull처리가 안된다. 태그5_개념_queryselector태그를 찾는게 중요하다. id. class.tag 를 찾을 수 있고.name은 nodeList에 저장이 되어 있어서 찾을 수 없다. null이 잡힌다. quertSelector 로 선택시에는 배열로 잡히지 않는다. 태그3_문제_tag

코딩/1-JavaScript 2025.05.21

프론트엔드 . 백엔드 . api

그럼 내가 백엔드로 script안에 내용들을 적었거든 근데 프론트엔드로서 script를 적는 것은 body에 있는 것들을 제어하기 위해 script에 적는거야? 자바스크립트로 백엔드로 해서 script에 적는건 뭐니? 자바스크립트로 백엔드와 프론트엔드는 무슨 차이가 있는거야? ChatGPT의 말:좋은 질문이에요! 자바스크립트를 백엔드와 프론트엔드에서 어떻게 사용하는지, 그 차이가 무엇인지에 대해 정확히 이해하는 것이 중요해요. 😊이제 프론트엔드와 백엔드에서 자바스크립트를 어떻게 사용하는지, 차이점을 설명해드릴게요.1️⃣ 프론트엔드에서 자바스크립트 사용📌 기본 개념:프론트엔드는 사용자가 보는 화면과 상호작용하는 부분을 담당합니다.자바스크립트를 HTML 문서 내에 삽입해서 웹페이지에서 동적 콘텐츠를 생성..

코딩/1-JavaScript 2025.05.21

태그2_개념_class

태그2_개념_class태그에 이름 짓는거에 2가지 방법이 있다. 1 - id로 변수명을 지을 수 있다.2 - class로도 지을 수 있다. 출력이 이상하게 된다. 태그가 출력이 되는게 아니라. class는 배열에 담긴다. HTML.Collection(1) 이렇게 출력이 된다. 없는것을 선택하면. 빈배열이기 때문에. HTML.Collection(0) => 0 빈배열로 잡힌다. 사이즈가 0이다. id는 변수에 저장이 된다. 1개만 잡힘 출력할때 [ ] 대괄호를 넣어야 한다. console.log($a[0].innerHTML); 한개짜리는 id로 잡고여러개는 class로 한다. 반복문을 쓸 수도 있다. 반복문을 쓸 수 있다.body에 적은 것은 웹페이지에서 출력이 된것이고. 반복문은 콘솔에서 반복되게 출력하..

코딩/1-JavaScript 2025.05.21

D01_dom_태그 - 태그1_개념_id

죄다 암기다. 프론트엔드이해 없는 암기 나 이런거 싫어하느데..ㅋㅋ js - dom화면을 제어한다. 태그를 제어한다. 1 - 태그를 선택한다.2 - 태그를 제어한다. D01_dom_태그태그1_개념_id태그를 제어할 수 있다. $a.innerHTML = "hello"; getElementById() 이것은 화면에 출력이 된다. p태그를 script에 가져오고 싶어서 변수를 설정하는 것이다. let $a = document.getElementById("test");변수를 지정한것. $a 일반 변수 지정이랑 햇갈리니까.스크립트 밖에서 태그를 가져올때 구분할려고 적는것.실무에서 변수를 지정한 이유는. 콘솔창에 띄우고 싶기 때문에. 우선 변수를 먼저 지정한 것이다. console.log($a); docume..

코딩/1-JavaScript 2025.05.21
반응형