본문 바로가기
728x90
반응형

전체 글136

데이터베이스 보호되어 있는 글 입니다. 2022. 12. 16.
[javascript]Window 객체 Window 객체 전역(Global) 객체입니다. 1) alert() 함수는 윈도우 화면에 경고 메시지를 출력합니다. 예시) alert("이것은 alert 창입니다"); 2022.12.04 - [javascript HTML DOM] - 화면에 나타내기(호출/출력) 2) confirm() 함수는 진행할지, 종료할지에 대한 진행 여부 확인 예시) if(confirm("정말 삭제하시겠습니까?")) { //삭제실행 console.log("삭제실행"); } 3) prompt() 함수는 문자열을 입력받을 수 있는 함수 예시) prompt("비밀번호를 입력하세요"); 4) window.open() 함수는 윈도우 새 창/ 새 탭으로 지정한 url을 오픈하는 함수 window.open("https://naver.com".. 2022. 12. 15.
[javascript]Math 객체 Math 객체 수학적인 상수와 내장 함수를 가진 객체임 1) Math.round(number) - 반올림 처리 Math.round(4.9) //returns 5 Math.round(4.2) //returns 4 Math.round(-4.2) //returns -4 2) Math.ceil(number) - 올림처리 Math.ceil(4.9) //returns 5 Math.ceil(4.2) //returns 5 Math.ceil(-4.2) //returns -4 3) Math.floor(number) - 내림처리 Math.floor(4.9) //returns 4 Math.floor(4.2) //returns 4 Math.floor(-4.2) //returns -5 4) Math.trunc(number) - .. 2022. 12. 15.
[PHP]숫자와 문자와 변수 php의 장점 웹에 최적화된 언어 웹개발에 필요한 수많은 로직들이 함수의 형태로 미리 제공 크로스 플랫폼 거의 모든 데이터베이스를 지원 가장 많은 공개소프트웨어가 PHP로 만들어짐 PHP문법 PHP코드를 인식하기 위해서는 시작과 끝을 알려줄 필요가 있습니다. 스타일 1. PHP권장 스타일 : -> 축약형 2. HTML 스크립트 스타일: 3. SGML : 4. ASP스타일 : PHP 주석 한 줄 C언어 스타일 : //주석문 여러 줄 C언어 스타일: /*주석문*/ 한줄 쉘 스타일: #주석문 echo()함수 자바스크립트에서는 console.log, document.write, 파이썬에서는 print, 자바에서는 System.out.println 등등 과 같이 문자열로 출력해줍니다 ex) #주석 변수 문자나 숫.. 2022. 12. 15.
[javascript]Set 객체 Set 객체 배열(Array)처럼 값들의 집합입니다. 배열과 가장 큰 차이점은 Set은 중복 값을 허용하지 않음 (set은 중복을 허용하지 않는 값을 모아놓은 특별한 컬렉션) Set 생성자 let mySet = new Set(); 종류 설명 .add() 값을 추가 .delete() 값을 제거 .has() Set내에 값이 존재하면 true 리턴, 존재하지 않으면 false리턴 .clear() 저장되어 있는 모든 데이터를 한번에 삭제 .size Set요소의 갯수 .forEach() Set에 저장되는 모든 데이터를 읽을 때 사용 예시) let set = new Set(); //set 생성 let person1 = {name : "재훈"}; //변수 선언 let person2 = {name : "수민"}; //.. 2022. 12. 15.
[javascript]Data 객체 Data 객체와 날짜 날짜를 저장할 수 있고 날짜과 관련된 메소드를 제공해주는 내장객체임 객체 생성하기 new Date() //현재 날짜와 시간이 저장된 객체가 반환됨 new Date(milliseconds) new Date("2022-02-06") new Date(year, month, date, hours, minutes, seconds, ms) year, month만 필수 입력, 나머지는 선택입력 year는 반드시 네자리 숫자여야함 ex) 1998 month 0 ~ 11 사이의 숫자여야함. 이때 1월은 0이고, 12월은 11입니다. date는 일을 나타내는데, 값이 없는 경우 1일로 처리 hours, minutes, seconds, ms에 값이 없는 경우 0으로 처리 ● Get 함수 함수 설명 ge.. 2022. 12. 14.
[javascript]BOM(Browser Object Model) 1. navigator ▶ 사용자의 브라우져와 운영체제 정보를 제공하는 객체 종류 설명 navigator.appCodeName 방문자 브라우져 코드명을 반환 navigator.appName 방문자의 브라우져 이름을 반환 navigator.appVersion 방문자의 브라우져 버전 정보를 반환 navigator.language 방문자의 브라우져 사용언어를 반환 navigator.userAgent 방문자의 브라우져와 운영체제 종합 정보를 제공 navigator.platform 방문자의 브라우져를 실행하는 운영체제를 반환 navigator.product 방문자의 브라우져 사용 엔진 이름 반환 2. history ▶ 사용자가 방문한 사이트와 다음 방문한 사이트로 다시 돌아 갈 수 있는 속성과 메소드를 제공 종류.. 2022. 12. 14.
[javascript]Array 객체 배열 : 인덱스를 이용해 값을 식별할 수 있는 자료 구조 인덱스 : 배열내에서 순서를 나타냄 배열 선언!!!! let arr = []; let arr = new Array(); let arr = [a , b, c]; 배열 접근 arr[0]; 배열에 담긴 요소의 개수 arr.length 1. toString() 메소드는 배열안의 모든 문자를 쉼표( , )를 이용해 모두 결합 하나의 문자열 예시) let fruits = ["Banana", "Orange"] let str = fruits.toString(); console.log(str); //Banana,Orange 2. join() 메소드는 배열안의 모든 문자를 파라미터로 지정한 문자를 이용해서 모두 결합해서 하나의 문자열로 반환 (요약하면 배열을 문자열.. 2022. 12. 14.
[javascript]Number 객체 몇가지 더 있지만 자주사용하는것만 올림. 1. parseInt() 전역 함수로서 정수로 반환합니다. 문자열의 시작이 숫자형이면 숫자형 데이터로 반환합니다. parseInt("-10") //-10 parseInt("-12.33") //-12 parseInt("10 20 30") //10 parseInt("10 years") //10 2. parseFloat() 전역함수로서 부동소수점으로 반환함 parseFloat("10"); //10 parseFloat("12.33"); //12.33 parseFloat("10 20 30"); //10 parseFloat("10 years"); //10 parseFloat("years 10"); //NaN 3. Number.isInteger() 전달된 값이 정수인지를 검사.. 2022. 12. 13.
[javascript]String 객체 1. .length -- 자주사용 문자열의 길이를 반환하는 함수 let str = "green"; let z = str.length; console.log(z); 5 //g:0번째 n:4번째 0 ~ 4니깐 총 길이는 5 2. .indexOf() 특정 문자열 안에 해당문자가 존재하는지 문자 맨앞에서부터 확인 존재하면 시작하는 index를 반환하고 해당 문자 없으면 -1을 반환 let str1 = "안녕하세요 오늘은 금요알입니다. 금요일 입니다" console.log(str1.indexOf("금요일")) 18 //해당 문자는 18번째에 있어서 18출력 3. .lastIndexOf() 특정 문자열 안에 해당문자가 존재하는지 문자 맨뒤에서부터 확인 존재하면 시작하는 index를 반환하고 해당 문자 없으면 -1을.. 2022. 12. 11.
[javascript]Object 객체 객체 (object) Object 객체는 모든 자바스크립트 객체의 루트 객체 기본타입(number, string등등)을 뺀 나머지는 전부 객체타입 프로퍼티(property) 는 속성이란 뜻!!!! 자바스크립트에서는 객체 내부의 속성을 의미한다. 프로퍼티는 key : value 의 형식으로 객체안에 있음 프로퍼티가 2개 이상 있으면(,) 구분 key는 속성명, value는 속성값이라고 함!!! 문자열, 숫자 객체 함수 등등 값으로 와도 상관없다. 함수가 올 경우 속성값이라 하지 않고 메서드라고 부름!!! 객체는 key로 value값 접근 가능!!!!!! ▶ 객체 리터럴 선언(붕어빵을 만들기 위한 틀이라고 생각하면됨 let obj2 = {} let stu1 = { name: "a", age: 20, scor.. 2022. 12. 6.
캔버스(canvas) 캔버스 : 자바스크립트를 이용하여 일러스트와 그림판처럼 화면에 선을 그릴 수 있다. 순서 1. 캔버스 요소찾기 let canvas = document.querySelector("canvas"); 2. 드로잉 객체 생성 let ctx = canvas.getContext("2d"); //2d ,3d 정할수 있음 ▶ getContext()함수는 드로잉에 필요한 속성과 함수를 가진 객체를 생성함 3. 캔버스에 그리기↓ ▶ 사각형 그리기!!!!!! 1) fillRect(x, y, width, height) ▶ 색칠된 사각형 그리기 ctx.fillRect(100, 50, 100, 100); 2) strokeRect(x, y, width, height) ▶ 윤곽선으로만 사각형 그리기 ctx.strokeRect(200.. 2022. 12. 5.
728x90
반응형

티스토리툴바