728x90 반응형 SMALL html28 [JavaScript] 모음 자음 구별 html js var letter = prompt("Enter a letter : ") // 대문자 입력을 소문자로 변환하고 조건에 맞추어 설정 letter = letter.toLowerCase() // 조건 확인 if ( letter == "a" || letter == "e" || letter == "i" || letter == "o" || letter == "u" ) { console.log("Vowel") } else { console.log("Consonant") } 2023. 6. 1. [JavaScript] 조건문 조건문 if : 조건이 참인 경우 실행할 코드 블록을 정의한다. else if : 이전 조건이 거짓이고 현재 조건이 참인 경우 실행할 코드 블록을 정의한다. else : 모든 이전 조건이 거짓인 경우 실행할 코드 블록을 정의한다. switch : 두 개 이상의 조건을 비교할 때 사용한다. html js // 두 숫자 중 큰 숫자를 찾는 프로그램 var num1 = parseInt(prompt("Enter first numebr : ")) var num2 = parseInt(prompt("Enter second numebr : ")) // if if (num1 > num2) { console.log("Large Number is : " + num1) } if (num1 < num2) { console.lo.. 2023. 5. 31. [JavaScript] 관계 / 논리 연산자 관계 연산자 > : 크다 >= : 크거나 같다 = num2) console.log(num1 num5) console.log(num1 > num2 || num1 > num5) 2023. 5. 31. [JavaScript] 연산자 연산자 산술 연산자 두 숫자 간의 사칙연산(+, -, *, /), 나머지(%), 증감(++, --), 거듭제곱(**) 등의 연산 수행 할당 연산자 변수에 값을 할당하거나 기존 변수의 값을 산술 연산과 결합하여 할당하는 연산 수행 (ex: +=, -=, *=, /=, %=) js js // 사용자로부터 두 개의 숫자 입력 받기 var num1 = parseInt(prompt("숫자1 : ")) var num2 = parseInt(prompt("숫자2 : ")) var lineBreak = " " var result = num1 + num2 document.write("합 : " + result + lineBreak) result = num1 - num2 document.write("차 : " + resul.. 2023. 5. 31. [JavaScript] 데이터 타입 변환 데이터 타입 변환 자바스크립트에서 숫자를 문자열로, 문자열을 숫자로 변환하는 방법이 존재한다. toString() 숫자를 문자열로 변환 Number() 문자열을 숫자로 변환 toFixed() 소수점 이하 자릿수 설정 toPrecision() 전체 자릿수 설정 html js var num = "20" num = num.toString() console.log(typeof num) var number = 20 console.log(typeof number) number = toString(20) console.log(typeof number) var x = 2.56789 // 소수점 이하 자릿수 설정 console.log(x.toFixed(1)) console.log(x.toFixed(2)) // 전체 자릿.. 2023. 5. 31. [JavaScript] 문자열 연결 문자열 연결 문자열은 일련의 문자로 구성되며, 문자열 연결은 여러 문자열을 합쳐 하나의 문자열로 만들수 있다. html js // 문자열 변수 선언 var lName = "홍" var fName = "길동" // 문자열 연결 var fullName = lName + fName console.log(fullName) console.log("Today is" + " a " + "beautiful day") console.log("My name is " + fullName) // 숫자와 문자열 연결 var num1 = 20 var num2 = 30 var sum = num1 + num2 console.log(num1 + " + " + num2 + " = " + sum) 2023. 5. 30. [JavaScript] 변수 변수 변수 (고유 식별자) 이름을 구성하는 일반적인 규칙은 다음과 같다. 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있다. 이름은 문자로 시작해야 한다. 이름은 $ 및 _로 시작할 수도 있다. 이름은 대소문자를 구분한다 (y와 Y는 다른 변수). 예약어 (자바스크립트 키워드와 같은)는 이름으로 사용할 수 없다. html js // 사람 정보 출력 // 변수는 먼저 선언한 다음 초기화할 수 있음 var name = "손흥민" var age = 32 var cgpa = 4.00 var lineBreak = " " // 변수는 동시에 선언하고 초기화할 수 있음 document.write("이름 : " + name + lineBreak) document.write("나이 : " + age + lin.. 2023. 5. 30. [JavaScript] 출력 함수 출력 함수 document.write() : 웹 페이지에 직접 내용 작성. html 태그를 포함한 텍스트를 인수로 전달할 수 있다. console.log() : 개발자 도구의 콘솔에 메시지를 출력. 디버깅 및 개발 중 정보 확인에 주로 사용. alert() : 웹 브라우저에서 경고 창을 띄워 사용자에게 메시지 출력. console.clear() console.error() console.info() console.warn() html js // document.write() 사용 document.write("Welcome to JS Program") document.write("Welcome to JS Program") document.write("Welcome to JS Program") // cons.. 2023. 5. 30. [Website] Columns / TextBox / Flexbox Columns / TextBox / Flexbox 컬럼 (Column) 컬럼을 사용하면 긴 텍스트를 더 쉽게 읽을 수 있는 형식으로 나눌 수 있다. 기사, 블로그 글 등의 콘텐츠를 여러 개의 컬럼으로 분할하여 가독성을 높이고, 모던한 디자인을 구현할 수 있다. CSS의 column-count와 column-gap 속성을 사용하여 컬럼의 개수와 간격을 조절할 수 있다. 텍스트 박스 (Text Box) 텍스트 박스는 사용자 입력을 받기 위한 공간을 제공한다. CSS를 사용하여 텍스트 박스의 모양, 크기, 테두리, 그리고 배경색 등을 조절할 수 있다. 또한, resize와 outline 속성을 사용하여 텍스트 박스의 크기 조절 가능 여부와 외곽선 스타일을 설정할 수 있다. 플렉스박스 (Flexbox) 플렉스박.. 2023. 5. 26. [Website] 트랜지션 (Transition) 트랜지션 (Transition) CSS 트랜지션과 애니메이션은 웹 페이지에서 요소의 스타일 변경에 부드러운 효과를 적용하는 데 사용된다. 트랜지션은 요 소의 두 가지 상태 간의 스타일 변경을 부드럽게 처리하는 반면, 애니메이션은 여러 키 프레임에 따라 요소의 스타일을 변경할 수 있게 해준다. 이 두 기능은 웹 페이지에 독특한 효과와 동적인 요소를 추가하는 데 도움이 된다. html 2023. 5. 26. 이전 1 2 3 다음 728x90 반응형 LIST
