H_Develop

if else 할인된 지불할 가격 var sale = {low:"0.95",middle:"0.925",high:"0.9"}; var product_price = Number(prompt("가격을 입력하세요")); if (product_price = 10000) {s var price_low = product_price * sale.low; document.write("할인된 가격은 " + price_low + " 입니다."); } else if (product_price = 50000 ) { var price_middle = product_price * sale.middle; alert("할인된 가격은 " + ..

FrontEnd/JavaScript 2022. 7. 1. 08:21

제어문 프로그램의 흐름을 변경해주는 지시어로 조건문, 반복문 등이 있다. 조건문 참 거짓에 따라 실행되는 if 와 switch 코드. 장단점. if : 조건 일치 확인하며 인트럭션이 필요 switch : 처음 입력값을 확인하는 인터럭션만 필요, 조건 확인 시 인터럭션 불필요. 인터럭션 : CPU가 명령을 수행하기 위해 메모리 상에서 명령어를 읽어오는 과정, 즉 인터럭션이 적을수록 좋음. switch 조건이 많아져도 인터럭션이 늘지 않으므로 조건이 많을 때는 switch 문이 좋다. if 문 - 조건이 참이면, { } 안의 실행문이 실행되고, 거짓이면 if 문을 빠져나간다. 예문 if / if else 18 이하는 화면에 아무것도 출력이 되지 않음. 이렇게 else를 사용하면, 거짓 조건에 해당하는 실행문..

FrontEnd/JavaScript 2022. 6. 30. 08:12

var num = Number(prompt("숫자를 입력 하세요")) // "숫자를 입력 하세요"라는 메시지에 10을 입력했을 때, 숫자를 확실히 변형 한다면, 앞에 숫자를 의미하는 Number()를 붙이면 // 입력하는 값이 숫자가 된다. 잔돈 구하기 일교차 구하기 삼각형 넓이 구하기 단위 변환 나이 계산

FrontEnd/JavaScript 2022. 6. 30. 08:01

종류 산술(arithmetic) 연산자, 할당(assignment) 연산자, 문자열(String) 연산자, 비교(comparison) 연산자, 논리(logical) 연산자 산술 연산자 Arithmetic 값 16 3 19 11 60 3.75 3 3375 15 3 78 할당 연산자 assignment 데이터나 변수 값을 다시 변수에 저장해서 메모리 공간에 할당 처리속도가 빨라진다. 값 12 8 20 5 0 비교 연산자 comparison 두개의 데이터(Or 변수)의 값을 서로 비교하는데 사용된다. "3" == 3; true 데이터 타입이 달라도 true 3 === 3; true 3은 3과 같다. 데이터타입도 같다. true "3"===3; false 데이터 타입이 달라서 false 3 != 3; false..

FrontEnd/JavaScript 2022. 6. 28. 17:55

메모리에는 정수, 실수, 문자 등 다양한 데이터들이 저장. 벼수는 데이터가 저장되는 메모리 공간. a=3 이면 3을 a에 대입한다는 뜻. 데이터 값을 저장하고 있는 메모리공간을 java 주소값, c언어 포인터 등으로 부름 출력 1. document.write() 함수 사용하여 브라우저에 출력하는 방법 2. window.alert() 함수를 사용하여 경고창을 띄우는 방법 3. console.log() 함수를 사용하여 콘솔에서 log(event에 대한 기록)의 인자를 출력하는 방법 4. innerHtml 사용 innerHTML을 이용해서 HTML 요소에 내용 추가하기 홍길동 입력 자바스크립트에서는 prompt() 함수를 이용하여 사용자가 키보드로 입력하는 데이터를 변수에 저장시킨다. 데이터 형 변수는 숫자,..

FrontEnd/JavaScript 2022. 6. 28. 17:50

JavaScript 주석문 한줄 주석 // 여러줄 주석 /* ~ */ ( HTML 주석문 , CSS 주석문 // , /* ~ */ 한줄이나 여러줄이나 같이 사용 ) alert() 웹 페이지를 띄우면, 알림창으로 뜬다. 내부 스타일 안먹힘 글 제목

FrontEnd/JavaScript 2022. 6. 28. 17:47

컴파일 (Compile) 프로그래밍 언어를 Runtime 이전에 기계어로 해석하는 작업 방식. (원래 소스를 원시코드, 바뀐 코드를 목적코드(Object Code)라고 한다.) - 런타임 이전에 Assembly 언어로 변환하기에 구동 시간이 오래 걸리지만, 구동된 후 하나의 패키지로 매우 빠르게 작동. 구동 시, 시스템으로부터 코드와 메모리를 할당 받으며 사용. - 런타임 이전에 해석을 마치고 컴파일 결과물이 기계어로 전환되기에 OS 및 빌드 환경에 종속적. 그러므로, OS 환경에 맞게 호환되는 라이브러리와 빌드 환경을 구분해서 구축. - Compile 언어로, C / C++ 같은 언어와 Java도 Byte Code로 바꾸기 위한 과정에서 컴파일을 수행. 인터프리터 (Interpreter) 프로그래밍 언..

FrontEnd/JavaScript 2022. 6. 28. 12:30

정적인 HTML을 동적으로 만드는 프로그래밍 언어. (시간 관련된 비행기 예약 등 / 크롬 브라우저, 비쥬얼 스튜디오 코드 프로그램 사용) VS CODE 마켓플레이스 확장 - korean / 한국어 패치 - live server / html crom 바로 연결 - open browser preview / crom download 웹 프로그래밍 웹(www)은 인터넷에 연결된 컴퓨터를 통해 소통하는 사이버 공간. 브라우저를 통해 인터넷 상에 있는 원격 컴퓨터 서버에서 제공되는 웹 서비스를 이용. 회원가입, 로그인, 쇼핑몰 장바구니, 온라인 결제, 온라인 예약, 스케쥴 관리 등 기능을 실제로 구현하는 작업. (웹 디자인은 디자인적 요소, 텍스트 이미지 동영상 음악 등의 콘텐츠를 디자인) 웹에서는 정보의 이용자..

FrontEnd/JavaScript 2022. 6. 28. 12:08