본문 바로가기

전체 글46

연산자 산술 연산자 연산자는 우선순위를 가지는데 산술연산자는 사칙연산을 따라갑니다. *(곱하기), / (나누기) 가 +(더하기), -(빼기) 보다 먼저 연산합니다. const x = 2; const y = 3; console.log (x + y); // 5 출력 console.log (x - y); // -1 출력 console.log (x / y); // 0.6666... 출력 console.log (x * y); // 6 출력 console.log (x ** y); // 8 출력 아래에서 % (나머지) 언제 쓰이냐면 홀수와 짝수를 구별할때 또는 5값을 넘지 않게 하기 위할때 등등 쓰입니다. 또한 ** 은 거듭제곱을 뜻합니다. // % const x = 10; const y = 9; console.log (x.. 2023. 2. 9.
Javascript 란? html로 골격을 잡으면 css는 잡혀진 골격을 예쁘게 꾸며주는 역할을합니다. 이 둘까지는 이미지처럼 보여주기 역할을 한다면 javascript는 웹페이지의 동작을 책임져요! javascript는 지금까지 많은 업데이트를 해왔는데 업데이트를 했다고 해서 그 전버전이 삭제되거나 새로운 버전이 나온다고 해도 기능들을 막 추가할 수는 없습니다. 이유는 왜그럴까요? 이미 그 전버전으로 배포된 웹사이트들이 많기때문에 전 버전을 삭제해버리면 많은 오류를 낼 수 있기 때문이에요 그래서 javascript에는 처음 설계자가 실수한 오류조차도 javascript에 아직 그대로 남아있습니다. 자바스크립트의 버전 ES1 (초판, 1997) ES2 (1998) ES3 (1999) ES5 (2009, 엄격모드, 배열메서드 (m.. 2023. 2. 8.
대화상자 대화상자 사용자와 상호작욕을 하거나 무언가를 알려주기 위한 역할 아래 대화상자들은 css를통해 꾸밀 수 없이 브라우저에서 제공하는 기본형식을 따라가기 때문에 브라우저 마다 생김새가 다름 alert: 사용자에게 알려줄때 사용 ex) '비밀번호가 틀렸습니다.', '아직 준비중인 페이지입니다.' prompt: 사용자에게 어떤 값을 입력받을때 사용 confirm: 확인 받는 역할로 보통 취소와 확인 버튼이 있음 ex) '페이지를 나가시겠습니까?', '작성하신 내용을 저장할까요?' const name = prompt("이름을 입력하세요."); confirm (`이름을 ${name} 으로 하시겠습니까?`); alert(`환영합니다. ${name} 님`); 위 와 같이 코드를 작성하게 되면, prompt 에서 사용자.. 2023. 2. 8.
자료형 과 형변환 자료형 (data) 원시타입(primitive types): Number, String, Boolean, null, undefined, symbols( Es6추가, 변경 불가능한 유일한 값) 참조 타입(reference types): object(object, array, map, set, function (변경가능) // 변경 불가능한 원시타입 let x = 'hello'; console.log(x[0]); // 'h'호출은 가능 x[0] = 'd'; // h를 d 로 변경 시도 console.log(x); // 똑같이 'hello' 출력. 변경되지 않음 // 변경 가능한 참조타입 let arr = [10, 20, 30]; arr[0] = 50; console.log(arr); // [50,20,30].. 2023. 2. 8.

티스토리툴바