상수 키워드 : const JS는 변수 선언 할 때 대부분 상수로 선언 함 문자열 감싸는법 선언방법이 여러가지가 있는 이유 : 문자열 안에 문자열을 처리하기 위해서 1. const str1 = 'Hello'; 2. const str2 = "Hello"; 예) const str4 = " 빨강"; const str5 = ' 빨강'; 3. const str3 = `Hello`; //템플릿 문자열 템플릿 문자열 사용방법 let style = "red"; let content = "불합격"; const str6 = `${content}`; JS의 getter, setter const count = document.querySelector("#count").innerHTML; >getter document.quer..

(text)속성선택자 HTML 삽입 미리보기할 수 없는 소스 예제) text 속성 선택자 활용 text 선택자 모든 텍스트 텍스트 매칭 속성 리스트 매칭 속성 범위 텍스트 매칭 속성 텍스트 시작 매칭 속성 텍스트 끝 매칭 속성 텍스트 패턴 매칭 속성 출력 box-shadow : 수평 그림자(필수) 수직그림자 그림자흐림 그림자번짐 그림자색상 삽입효과; 예제)box-shadow활용 박스 그림자 스타일링 예제 박스 그림자 스타일링 예제 박스 그림자 스타일링 예제 박스 그림자 스타일링 예제 출력 HTML 삽입 미리보기할 수 없는 소스

required > input 필수입력 속성(공백도 값으로 인식) placeholder="text" > input박스에 보이는 값 설정(input 값으로 인식 안함) HTML 삽입 미리보기할 수 없는 소스 예제)추가요소 활용 1.required,placeholder 활용 코드 회원 로그인 ID : PW : 개인정보 입력 이름 : 나이 : 출력 HTML 삽입 미리보기할 수 없는 소스 2. 날짜관련 추가요소 활용 코드 선택사항을 직접 입력하세요 전공분야를 입력하세요 소프트웨어 로봇 시스템 서비스 교육 오늘 날짜 입력 오늘날짜 : 프로젝트 기간 시작 : 끝 : 생일(년/월)입력 생일 : 주간계획(연/주) 입력 주간계획 : 현재시간 시간 : 생일(년,월,일,시간) 입력 생일 : 체크1 넘버 출력 HTML 삽입 ..

class 선택자 class 속성은 일련의 태그를 그룹핑해서 하나처럼 제어하기 위해서 사용 class 속성에는 공백으로 구분된 여러개의 class가 표시될 수 있음 css선택자에서는 '.'을 사용해서 class 임을 표시 예제)class선택자 활용 11111 22222 Hello Html Hello Html 출력 하위 선택자 특정 엘리먼트 하위에 나오는 엘리먼트를 사용하는데 사용 부모가 먼저 나오고 자식이 나중에 나옴 공백을 통해서 부모와 자식을 구분 예제)하위선택자 활용 홈 제품소개 고객센터 홈 제품소개 고객센터 출력 하나의 CSS선언을 여러 개의 선택자에 적용 하나의 css선언을 여러 엘리먼트 셀렉터에 적용하고 싶을 때 사용 선택자와 선택자를, (콤마)로 구분 예제) 다수선택자 활용 하나의 CSS선언..

input태그 태그는 사용자가 다양하게 폼 태그에 입력할 수 있는 공간을 만들어 줌. type : 태그모양을 다양하게 변경할 수 있음. text(텍스트 입력박스 생성), radio(선택박스 생성 같은그룹중 택1가능), checkbox(선택박스 생성 다중선택 가능), password(텍스트 입력박스 생성 외부로 텍스트가 안보임), button(범용버튼), hidden(화면에 보이지않음 개발자 전용), submit(서버전송버튼), reset(리셋버튼)등이 있음 radio와 checkbox는 name가 중복될수있다. radio와 checkbox는 name로 그룹을 나눈다. button,submit,reset는 겉으로 보이는건 똑같다 name : 해당 type의 이름지정 readonly : 태그를 읽기전용으로 ..

비주얼 스튜디오 코드 1.비주얼스튜디오 다운 검색 >>https://visualstudio.microsoft.com/ko/downloads/ 2. Visual Studio Code Windows 64x 다운로드 3. 추가작업 선택에서 PATH추가 필수로 선택 ★★★ 4. ctrl + shift + x 누른후 검색창에 Korean 검색 한글팩 설치 후 비주얼스튜디오 재실행 Web(HTML,CSS) 웹(Wep)이란 wep이란, 사전적인 의미로 거미줄이란 뜻으로 IT에서는 www(World Wide Web) 라는 말의 줄임말로서 사용됨. 전 세계의 컴퓨터를 연결하여 정보공유를 하는데 목적이 있음, 이렇게 연결되어있는 상태를 네트워크에 연결되어 있다고 함 wep의 동작원리 브라우저에 www.naver.com 이..