반응형 JavaScript157 같은 동작을 손쉽게 반복하는 반복문 반복문 반복문은 같은 동작을 여러 번 실행하기 위해 사용하는 문입니다. 반복문을 사용하면 불필요하게 여러 명령을 늘어놓지 않아도 명력을 반복 실행 할 수 있습니다. 반복문에는 for 문, forEach 문, for in 문, for of문 등이 있습니다. for 문 for 문은 자바스크립트에서 가장 많이 사용하는 반복문입니다. for 문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실핼항 때 편리합니다. for 문에서는 몇 번 반복했는지 기록하기 위해 카운터를 사용하고 for 문의 첫 번째 항에서 카운터 변수를 지정합니다. for 문 실행 순서 : 초기값 → 조건식(true, false 초기값이 맞는지 확인) → 실행문 → 증감식 → 초기값 반복 for 문 기본형 for(초깃값; 조건식; 증감식.. 2023. 2. 23. 자바스크립트의 연산자의 종류 연산자 프로그램에 필요한 수식을 만들 때 필요한 것이 연산자입니다. 연산자의 종류에는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자 등이 있습니다. 산술 연산자 산술 연산자의 종류 종류 속성 설명 + · 더하기 연산을 할 때 사용합니다. · 문자와 문자, 문자와 변수 등을 연결할 때 사용합니다. - · 빼기 연산을 할 때 사용합니다. * · 곱하기 연산을 할 때 사용합니다. / · 몫을 구할 때 사용합니다. % · 나머지를 구할 때 사용합니다, ++ · 1씩 증가시킬 때 사용합니다. -- · 1씩 감소시킬 때 사용합니다. 산술 연산자의 예시 산술 연산자의 우선 순위와 결합 방향 연산자의 우선순위는 수식 내에 여러 연산자가 함께 등장할 때, 어느 연산자가 먼저 처리될 것인가를 결정합니다. 다음 그.. 2023. 2. 21. ID와 CLASS 차이(CSS 선택자) CSS 선택자 선택자란 CSS로 UI의 어느 부분을 디자인할지, 표현할 대상이 되는 부분을 말합니다. CSS로 속성을 부여하는 형식은 { } 안에 여러 속성을 지정할 수 있고, 각 속성 설정 간에는 ' ; ' 으로 구분해주며 마지막 속성 끝에는 구분자를 생략할 수 있습니다. 속성은 가로로 붙여 써도 되고 한 줄씩 따로 입력해도 무방합니다. 요소를 선택하는 방법, 선택자의 종류로는 ID 선택자, CLASS 선택자 등 여러가지가 있습니다. ID 선택자 HTML 문서의 요소 중 같은 요소라도 각기 다른 이름을 지정하여 따로속성을 부여할 수 있습니다. HTML 요소에 ID로 이름을 붙일 때에는 유일한 이름을 부여해야 하며, 다른 요소에 같은 ID명을 또 주어서는 안됩니다. CSS에서는 ID 선택자 앞에 ' 샵(.. 2023. 2. 21. 자바스크립트 자료형 자바스크립트 자료형 자료형이란, 프로그램에서 처리할 자료의 형태를 말합니다. 하나의 데이터를 숫자를 숫자형으로 처리하는지, 문자열로 처리하는지에 따라 결괏값이 달라집니다. '데이터 유형'이나 '데이터 타입'이라고도 합니다. 자료형 유형 자바스크립트 자료형은 크게 '원시 유형'과 '객체'로 나뉘어집니다. 원시 유형 : 하나의 값만 저장하는 자료형 (숫자형, 문자열, 논리형, symbol 유형, undefined, null) 객체 : 원시 유형 외 모두의 값 원시 유형 숫자형 숫자형은 모든 프로그램에서 가장기본이 되는 자료형입니다. 자바스크립트에서 큰따옴표 없이 숫자를 입력하면 숫자로 인식합니다. 하지만 숫자라고해도 큰따옴표로 묶으면 문자열로 인식합니다. 문자열(string 자료형) 문자열 또는 string.. 2023. 2. 20. CSS 표현 방법(4가지 방법) CSS 표현 방법 CSS를 정의하는 방법으로는 내부 스타일시트, 외부 스타일시트, @import, 인라인 스타일시트 등이 있습니다. 실제로는 외부 스타일시트를 많이 사용하는 편이지만, 간단한 스타일은 내부 스타일시트만으로 사용할 수도 있습니다. 또한 인라인 스타일시트는 대체로 거의 사용하지 않지만, 가장 우선순위가 높아서 꼭 필요한 경우 편리하게 사용할 수 있습니다. 1. 내부 스타일시트 내부 스타일시트는 CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함꼐 저장되도록 하는 형태입니다. 그 스타일이 기술된 페이지에만 적용 2. 외부 스타일시트 외부 스타일시트는 스타일 속성들을 따로 저장하여 HTML 문서에 파일명으로 연결할 수 있습니다. 이때 스타일은 *.css 확장자를 가진 별.. 2023. 2. 20. 텍스트 관련 태그 텍스트 관련 태그 1. 블록 레벨 요소 태그 태그 의미 ~ · HTML 문서에서 제목을 정의할 때 사용하는 태그 · 제목의 수준 순서 : h1 → h2 → h3 → h4 → h5 → h6 · HTML 문서에서 단락을 정의할 때 사용하는 태그 · 텍스트의 행을 바꾸는 태그 · 공백이나 줄바꿈 등 상관없이 있는 그대로 나오는 태그 2. 인라인 요소 태그 태그 의미 · 강조하고 싶은 텍스트를 정의하기 위한 태그이면 기울임체로 표시 · 중요한 텍스트를 정의하기 위한 태그이며 굵은체로 표시 · 주의 깊게 볼 텍스트 부분을 강조하기 위한 태그이며 노란색으로 표시. · 의미를 가지고 있지 않으며 단순히 텍스트를 굵은체로 표시 · 주의 사항, 법적 제한, 저작권 등을 정의하기 위한 태그이며 작은 글씨로 표시 · 아래첨.. 2023. 2. 17. 이전 1 ··· 23 24 25 26 27 다음 반응형
