반복문이란? - 같은 동작을 여러번 실행하기 위해 사용하는 문법입니다. - 불필요하게 여러 명령을 늘어놓지 않아도 명령을 반복 실행할 수 있습니다. - 그만큼 소스 코드도 깔끔해지고 프로그램 실행도 더 빨라집니다. for 문 - 자바스크립트에서 가장 많이 사용하는 반복문 입니다. - 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리합니다. - 기초화식 - 조건식 - 실행문장 - 증감식 순서대로 실행이 되는 것을 이해해야합니다. - 조건식이 거짓이어서 실행문장이 실행되지 않을 때 for문의 반복이 끝나게 됩니다. - for 문 안에 for 문이 들어갈 수 있습니다. 이것을 중첩 for문 이라고 합니다. 이미지출처 HTML 삽입 미리보기할 수 없는 소스 - for 문을 이용하여 배열의 값을..

섹션이란 - , , 등과 같이 구조를 잡는데 보편적으로 많이 쓰이는 시멘트 태그들을 말합니다. 1. - html5에 새롭게 추가된 요소로서, 웹 문서 맨 윗부분에 있으며 웹 사이트 이름, 글로벌 링크(로그인, 회원가입, 사이트맵, 언어 선택 등 웹사이트 어느 곳에서든지 이용할 수 있는 링크)등으로 구성된 영역입니다. 2. - 문서의 본문 영역을 표시합니다. - 본문 영역은 실제 콘텐츠가 표현되는 공간이며, 이 공간에서 사용자와의 상호작용이 실질적으로 이루어집니다. - 또한 body요소는 브라우저가 렌더링해야 할 범위를 알려줍니다. 3. - HTML5에 새롭게 추가된 요소로서, 목적지로 이동할 수 있도록 링크를 별도로 모아둔 영역입니다. 4. - 해당 문서의 요소의 주 콘텐츠(main content)를 정..

연산자란 - '3 + 5', '3 < 5'와 같은 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자 입니다. - 연산자의 종류에는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자, 비트 연산자, 삼항 연산자 등이 있습니다. 산술 연산자 - 사칙 연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자입니다. 산술 연산자의 종류 속성 설명 + 더하기 연산을 할 때 사용합니다. 문자와 문자, 문자와 변수 등을 연결할 때 사용합니다. - 빼기 연산을 할 때 사용합니다. * 곱하기 연산을 할 때 사용합니다. / 몫을 구 할 때 사용 합니다. % 나머지를 구할 때 사용 합니다. ++ 1씩 증가시킬 때 사용합니다. -- 1씩 감소시킬 때 사용합니다. 대입 연산자 - 변수에 값을 대입할 때 사용하는 이항 연..

선택자란 - CSS로 UI의 어느 부분을 디자인 할지, 즉 표현할 대상이 되는 부분을 말합니다. - 예문에서는 h1요소에 배경을 노란색으로, 글자색을 빡간색으로 지정한다는 의미를 담고 있습니다. - {} 안에 여러 속성을 지정할 수 있고, 각 속성 설정 간에는 ';'으로 구분해주며 마지막 속성 끝에는 구분자를 생략할 수 있습니다. - 속성은 가로로 붙여 써도 되고 한 줄씩 따로 기술해도 무방합니다. id 선택자와 class 선택자 요소를 선택하는 방법(선택자)은 type, id, class등 여러 가지가 있습니다. 오늘은 그 중에서 id선택자와 class선택자에 대해 알아보도록 하겠습니다. id 선택자 - HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여할 수 있습니다...

HTML 삽입 미리보기할 수 없는 소스 CSS를 이용하여 움직이는 공을 만들어 보았습니다. 어떻게 만드는지는 비~밀~ 아시고 싶다면 공감과 댓글을 남겨주세요~!!

CSS(Cascading Style Sheet) 기본문법 - CSS(Cascading Style Sheet)를 정의하는 방법으로는 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트 등이 있습니다. - 외부 스타일시트를 많이 사용하는 편이지만 간단한 스타일은 내부 스타일시트만으로 사용할 수도 있습니다. - 인라인 스타일시트는 거의 사용하자 않지만, 우선순위가 가장 높아서 꼭 필요한 경우 편리하게 사용할 수 있습니다. - CSS에서 주석은/* */로 표현합니다. 다음은 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트에 대해서 알아보겠습니다 내부 스타일시트 - CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되도록 하는 형태입니다. 외부 ..