WEB39 02-01. 배열 1. 배열이란? -배열은 값의 순서 있는 집합이다. -문자열과 마찬가지로 0부터 시작한다. - 만드는 법 let 배열이름 = []; Tip 다른 프로그래밍 언어에서는 기본적으로 배열이 하나의 타입으로만 구성되지만 자바스크립트에는 아무거나 집어 넣어도 된다. - 배열 항목 바꾸기 문자열은 바꿀수 없지만 배열은 바꾸기가 가능하다. 2. Push , Pop 와 Shift, Unshift push와 pop은 배열 끝의 항목을 추가하거나 제거 할수 있다. shift와 unshift는 배열 시작부분에 항목을 추가하거나 제거 할 수있다. shift가 제거 unshift가 추가이다. 3. 접합 -배열을 합치되 기존의 배열을 수정하지 않는다. -concat을 사용하며 2개를 합쳐서 하나의 새로운것을 만드는것이다. 4.i.. 2023. 1. 27. 01-04. 조건부 1. if문 예시) 만약에 1+1이 2일 경우 -html -javascript console.log("before conditional") if( 1 + 1 ===2) { console.log("hello loui3!") } console.log("after conditional") 2. else- if문 if문이 거짓일때 작용하는 구문이다. const dayOfWeek ='Saturday'; if (dayOfWeek === 'Monday') { console.log("I hate Mondays") } else if(dayOfWeek === 'Saturday') { console.log("I love Saturdays") } 3. else 문 else는 끝에 오며 어떤 조건도 지정하지 않고 괄호도 없다... 2023. 1. 26. 01-03 . 실행 1. console.log() 뭔가를 출력하려면 console.log()를 사용한다. 2. console.warn() 경고기호가 나타나서 경고라는 것을 나타탠다. 3. console.error() 에러를 만들때 사용한다. 4. alert() 팝업창을 만들때 사용한다. 5. prompt() 사용자 입력값이 필요 할때 사용하는 방법이며 입력창이 뜬다. 6. parseInt() 입력한 값이 문자열일때 숫자로 바꿔준다. 5,6번 예시) 7. 자바스크립트 실행 - html - javascript console.log("hello loui3!") 2023. 1. 26. 01-02 . 문자열 1. index 문자의 index를 알고 싶을때 사용한다. 2. length 문자의 길이를 알고 싶을때 사용한다. 3. 대문자 소문자 변경 4. indexOf 문자열에서 주어진 인수가 나타나는 문자열 인덱스와 그자릿수를 반환한다. 5. Template Literals 문자열 안에 표현식을 내장할 수 있는 문자열들을 만들고 해당 표현식은 평가된후에 문자열로 바뀐다. -사용예시 백틱 기호(`) + $기호를 사용한다. 6. Math Math.round() -반올림 Math.ceil() -올림 Math.floor() -내림 Math.random() -랜덤 -랜덤 값 정수로 만들기 예시) 1~5까지 랜덤 변수 만들기 - 제곱 **연산자 말고도 Math.pow() 로도 가능하다. 2023. 1. 26. 01-01. 자바스크립트 1. 자바스크립트란? -움직임과 ui 효과도 주며 정보를 실시간으로 반영해 업데이트 해주는 것이다. - 자바스크립트는 1995년 넷스케이프에서 개발되었다. - Netscape Navigator 2.0 브라우저에 최초 탑재 되었다. 1-1. 자바스크립트의 특징 - HTML 문서에 내장되어 있다. - 스크립트 언어이며 인터프리터를 실행하고 컴파일이 필요 없다. - 구조가 단순하여 배우기가 쉽다. 2. 자바스크립트의 숫자 연산 -자바스크립트는 연산이 가능한데 간단하게로는 더하기 빼기 곱셈 나누기 나머지등을 연산할수 있다. 추가로 **으로 지수연산자도 가능하다. 3. 주석처리 -자바스크립트에서 주석은 슬래시 두개로 나타낸다. 2,3 예시) 숫자 4. NaN 이란? -Not a Number로 숫자가 아니라는 뜻이.. 2023. 1. 20. Form-controls form-controls란? 더 보기 좋은 입력 형태를 만들 수 있게 해 주는 것이다. 예시) ①form-controls 적용 안 할 경우 ②적용한 경우 Document Forms Email Password State 떡볶이 순대 예시 2) checkbox Document Forms 적용 안한경우 적용 한경우 참고 사이트:https://getbootstrap.com/docs/4.5/components/forms/ Forms Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms. getbootstrap.com 2023. 1. 17. 이전 1 2 3 4 5 6 7 다음
