개발일지📝

📍 이론 Edit > replace  :: 한번에 글씨 변경 가능li{$}*7 :: 1~7까지 숫자가 찍힌  li 생성listBox_text1 = document.getElementsByClassName("listBox_text1");모든 요소를 검색하여 특정 클래스 이름을 가진 요소를 찾아서 NodeList(요소의 컬렉션)으로 반환한다.자바스크립트  반복문/배열jQuery , React , NodeJS  > 자바스크립트 라이브러리 jQuery > CDM > jQuery 3.xjQuery > $  / jQuery(document).ready  📍실습 http://hyejux.dothome.co.kr/html_hj/index.html저의 경력은 좀비떼 몰려오는데 파르페 먹기, 도로에 빵 쏟기, 비 오는..

📍 메뉴 만들기  커피 주문 화면 프로그램 메세지 표시 let btn1,btn2,btn3,txt;window.onload = function(){ btn1 = document.querySelector('#btn1'); btn2 = document.querySelector('#btn2'); btn3 = document.querySelector('#btn3'); txt = document.querySelector('.txt'); btn1.addEventListener("click", function(){ txt.innerHT..

콘솔 창 : console.log("");바닐라 JS외부 JS 파일 불러오기 ::  📍시멘틱 태그  :: 6가지 :   text-indent: 20pxposition : 부모 - relative / 자식 - absolutefont-size: 1.3rem => 1.3 * 16 = px  자바스크립트 개념, 장단점 원시 데이터 종류 :: 숫자,문자,Boolean, Undefined, NullObejcet 데이터 타입 :: 배열 , 객체 , 클래스 ,  📍 변수 :: var (any) 재선언 가능 / 재할당가능let (같은Type),  재선언 불가능 / 재할당가능const(상수) 재할당 불가능 📍 배열 :: 같은 타입의 데이터가 인덱스 순서대로 나열된 것  ex) 문자열로 이루어진 학급 친구들..

📍 이론  Live Server : 결과 내용을 미리(즉시) 보여주는 확장 프로그램Elm Emmet : 코드를 빠르게 입력해주는 확장 프로그램Auto Rename Tag : 앞뒤 태그명을 같게 해주는 확장 프로그램 inline  / block  table , tr 줄 만들기, td 칸 만들기shift + art + 화살표 : 줄 복사하기선택자 종류 : id, class, name, tag, 기타 접근자# / id : 중복 사용 불가 ( 자바스크립트에서 사용 가능) # class  중복 사용 가능dix.box  : 클래스 자동완성ctrl + 슬래쉬 : 주석처리  body { width : 400px; border : 1px solid red; } ..