nan + nan = 2nan

1. DOM - Document Object Model (HTML 요소 건드리기) CSS 선택자로 요소 선택 innerHTML 등 값을 변경하는 기능 사용 2. Event (사용자의 액션에 따라서 동작) CSS 선택자로 요소 선택 HTML의 onXXX 속성으로 스크립트 코드 작성 addEventListener() 함수로 스크립트 코드 작성 1. 적용방법 2. 출력방법 2-1. 개발 시 자주 사용(테스트) : console.log() - 함수 2-2. 개발 시 자주 사용 : 선택자.innerHTML - 속성 2-3. 사용자에게 내용 전달 시 자주 사용 : alert() / confirm() => 팝업창 3. 변수 3-1. 변수 : 값을 변경할 수 있다. -> let 3-2. 상수 : 값을 변경할 수 없다...

CSS 속성을 사용하여 HTML 요소에 디자인을 적용할 수 있다. 자바스크립트를 적용하기 위한 환경을 설정할 수 있다. 자바스크립트에서 제공하는 자료형을 나열하고 각 특징을 설명할 수 있다. 자바스크립트 제어문의 사용법과 동작 흐름을 설명할 수 있다. 자바스크립트 함수를 작성하고 활용할 수 있다. CSS 속성 - position ✔ static : 모든 HTML 요소의 기본 속성 relative / absolute / fixed top / left / bottom / right 속성으로 위치 이동 가능 ✔ relative : static의 특징과 위치 이동 기능을 가짐 ✔ absolute : 문서(body)의 좌표를 기준으로 절대좌표 배치 → 주로 PC 브라우저용으로 사용 ✔ fixed : 현재 보이는 ..

HTML의 FORM 관련 태그의 속성을 사용하여 서버로 데이터를 전달할 수 있다. CSS 선택자의 종류를 나열할 수 있다. CSS 속성을 사용하여 HTML 요소에 디자인을 적용할 수 있다. CSS 선택자 태그 선택자 : 클래스 선택자 : . 아이디 선택자 : # 속성 선택자 : [속성] 또는 [속성=값] 하위 선택자 : ‘ ’ (띄어쓰기) 자식 선택자 : > 형제 선택자 : ~ 인접형제 선택자 : + 가상 선택자 : :selected :checked :focus :hover :nth-child(n) :nth-of-type(n)' 클래스 선택자의 특징 클래스는 중복 사용할 수 있다. ex) 1개의 클래스 속성에 여러개의 값을 입력할 수 있다. ex) 선택자로 표현 시 여러개의 값을 가지는 클래스는 공백없이..

Paging에 필요한 공식, 코드를 작성할 수 있다. Django에서 제공하는 Login 기능을 활용할 수 있다. HTML의 기본적인 표현(텍스트) 태그를 사용하여 웹페이지를 구성할 수 있다. HTML의 다양한 태그를 사용하여 특별한 형식의 웹페이지를 구성할 수 있다. HTML * 줄바꿈 적용 시 br 태그 사용 * 여러개의 공백도 1개로 적용, 여러개 적용 시 특수문자 사용 : 주석 h1~h6 : 제목, 중요내용 표현 hr : 수평선 p : 단락(본문/내용) b : 진하게 i : 이탤릭체 (살짝 기울어진 글자체) a : 링크, 현재 문서 내 / 다른 문서로 이동 중요한 개념 : 절대 경로, 상대 경로 img : 이미지 자주 사용되는 속성 : src, width png : 투명, 해상도 대비 적은 용량 ..