Front_end/JS11 JS - 반복문 반복문JavaScript에서 특정 코드를 여러 번 반복해서 실행할 수 있게 해주는 구조문이다. for문주어진 조건에 따라 반복적인 작업을 지시하는 제어문으로, 주로 반복의 시작점, 종료점, 반복 간격을 명확하게 설정할 수 있어 반복적인 작업을 효율적으로 처리하는데 유리하다. 사용법for(초기값; 조건식; 증감) { //반복할 구문} 동작 순서 변수에 초기값을 부여한다.초기값을 조건식이 충족하는지 비교한다.참이면 반복문을 실행, 거짓이면 for문을 종료한다.변수의 값을 증감한다.3번과 4번을 반복한다. (거짓이 나올 때 까지) for문 예시 변수 'i'의 초기값을 '1'로 부여하고 'i'는 5보다 작거나 같다 라는 조건식을 입력한다. 증감연산자 '++'를 사용하여 참일시 다음 변수의 값을 '1'.. 2024. 8. 14. JS - 조건문 조건문특정 조건이 참인지 거짓인지에 따라 코드의 흐름을 제어하는 구문 if문 조건이 참일 때 특정 코드블록을 실행하는 조건문이다. 사용법if (조건식) { //조건식이 참일 떄의 표현식} 조건식이 참이면 중괄호 {} 안의 문장을 실행하고, 거짓이면 if문을 실행하지 않고 다음 문장으로 진행한다. 예시 'pompt' 로 입력한 값이 22보다 크면 참이기 때문에 중괄호{} 안의 'document.write' 문장을 실행하고 22보다 작다면 거짓이기 때문에 다음 문장으로 진행한다. if ~ else문조건이 거짓일 때 다음 문장으로 진행하지 않고 'else' 다음에 실행해야 하는 문장을 기술하는 조건문이다. 사용법if(조건식) { //조건식이 참일 때의 표현식}else{ //조건식이 거짓일 때의 표현식}.. 2024. 8. 14. JS - 연산자 연산자산술 연산자 수치 데이터를 처리하기 위해 사용한는 기본적인 연산자 연산자설명+두 숫자를 더합니다.-한 숫자에서 다른 숫자를 뺍니다.*두 숫자를 곱합니다./한 숫자를 다른 숫자로 나눕니다.%두 숫자를 나누었을 때의 나머지를 구합니다.**숫자를 제곱합니다. 연결 연산자 숫자가 아닌 값을 + 연산자로 처리시 값을 연결하는 연산처리를함연산자설명+수식이 아닌 값을 +연산자로 처리할 경우 값이 연결됨+=수식이 아닌 값을 +=연산자로 처리할 경우 변수 값이 추가적으로 연결됨 비교 연산자 좌변과 우변을 비교해서 참('true') 혹은 거짓('false')으로 결과를 도출하는 연산자연산자설명>좌변이 우변보다 크다.좌변이 우변보다 작다.>=좌변이 우변보다 크거나 작다.좌변이 우변보다 작거나 크다. == .. 2024. 8. 13. JS - 변수 변수 JavaScript에서 변수는 데이터를 저장하고 관리하기 위한 기본적인 요소이다.변수에 저장할 수 있는 종류는 여라가지 자료형으로 구분되며 JavaScript에서는 변수를 선언할 때 'var' 이라는 키워드(예약어)를 사용한다.var 변수명 = 값; 변수 선언 규칙 1. 변수의 이름은 문자로 시작해야 한다. 변수의 이름은 문자, 밑줄( '_' ), 혹은 달러기호 ( '$' )로 시작해야 하며 숫자로는 시작할 수 없다. 2. 변수의 이름은 대소문자를 구분한다. 'count'와 'Count'는 다른 변수이다. 3. 예약어를 변수로 사용할 수 없다. JavaScript의 예약어(ex: 'if', 'for', 'function', 'var'....)는 변수로 사용할 수 없다.ex) [ var if =.. 2024. 8. 13. JS - JavaScript란? JavaScript란? JavaScript는 객체 지향 스크립트 언어로, (HTML, CSS)와 함께 사용되며 웹 페이지의 동작을 담당한다. 1. JavaScript의 역할 웹 페이지의 동적 변경사용자 상호작용 처리비동기 통신 지원애니메이션과 시각 효과 추가폼 검증 웹 페이지의 일방적인 정보 제공을 벗어나 정보의 검색, 정보의 전달 등 클라이언트의 요구를 동적으로 수용할 수 있도록 제공한다. 2. JavaScript의 필요성 2000년대 초반에는 웹 페이지가 대부분 정적이었고, JavaScript는 단순한 기능만 제공했다. 그때는 JavaScript의 가치를 잘 몰랐다. 그러나 사용자 요구가 다양해지면서 웹 페이지가 더 동적으로 변화했다. 그래서 JavaScript는 점점 더 중요한 도구가 되었고, 현.. 2024. 8. 12. 이전 1 2 다음