반응형 IT565 [자바스크립트] 객체(Object) 안에 있는 변수 존재유무 확인방법 이번시간에는 자바스크립트 객체(Object)를 함수로 생성하고 호출하여 결과값을 반환하는 내용과, 만들어진 객체 안에 변수가 존재하는지 확인하는 방법에 대해서 알아보겠습니다. 객체 함수반환 function makeObject(name,age) { return{ name : name, age, //함수에서 받는 이름과 동일할 시 축약가능 color: "black" } } const bebe = makeObject("bebe",2); console.log(bebe); 객체 안에 변수 존재유무 확인 기본 변수명 in 객체명 으로 변수가 객체에 존재하는지 확인합니다. function makeObject(name,age) { return{ name : name, age, //함수에서 받는 이름과 동일할 시 축약가.. 2021. 9. 9. [자바스크립트] 객체(Object) 생성, 추가, 삭제, 이번시간에는 자바스크립트 객체(Object)를생성하여 접근하는 방법과 객체의 추가,삭제 하는 방법에 대해서도 알아보겠습니다. 문법 먼저 객체 이름을 선언한 뒤 중괄호{}안에 객체 리스트를 작성합니다. const 객체이름 = { 객체내부이름1 : 내용1, 객체내부이름2 : 내용2, } 예문 객체만들기 const cat = { name : 'bebe', age : 2, } console.log(cat) //객체전체 출력 console.log(cat.name) //객체 name값 출력 console.log(cat['age']) //객체 age값 출력 객체 추가하기 const cat = { name : 'bebe', age : 1, } cat.weight = '5kg'; // 객체추가 cat.color = 'b.. 2021. 9. 9. [자바스크립트] 화살표 함수 => 사용법 이번 시간에는 일반 함수를 화살표 함수로 변경 방법을 몇 가지 예제를 통해서 알아보겠습니다. 들어가기 앞서 함수의 2가지 개념인 함수 표현식과 함수 선언문의 차이를 알아야 합니다. 함수의 2가지 선언방식 함수 표현식 선언된 함수보다 상단에 있는 구문은 실행이 불가능합니다. showError() let showError = function (){ console.log("error") } 함수 선언문(자주사용) 자바 스크립트는 순차적으로 위에서 아래로 읽어오지만 함수 선언문은 시작 전 function을 모두 저장해두기 때문에 아래의 코드는 실행됩니다. showError() function showError(){ console.log("error") } 화살표 함수(=>) 자바스크립트 ES6에서 자주 사용되기.. 2021. 9. 9. [자바스크립트] 함수 생성 문법 및 예제 종복되는 코드를 줄이고 유지보수를 효율적으로 하기위해서 자바스크립트에서는 함수를 작성해서 사용합니다. 문법 function을 시작으로 함수명을 입력하고 매개변수를 받습니다. function 함수명(매개변수1, 매개변수2){ //코드 } 예제 1. 매개 변수가 없는 에러메시지를 띄우는 함수 매개변수 없이 함수를 호출합니다. 에러 경고창을 다음과 같이 띄웁니다. function errorPage(){ alert("에러 페이지") } //함수 호출 errorPage() 2. 매개 변수가 존재하는 함수 이름을 입력받아서 name이 존재할시(true: 1)일시 welcome +이름을 콘솔에 출력하고 아닐 시 welcome만 출력 function Hello(name){ let msg = 'welcome'; if(n.. 2021. 9. 8. [자바스크립트] switch 여러 조건 비교하기 이번시간에는 switch문에 대해서 알아보겠습니다. if else문을 사용해서 모든 조건문을 구현할 수 있지만 케이스가 다양한 경우 if else 문보다 간결하게 쓸수 있는 장점이 있습니다. 문법 swtich(평가){ case A : A코드 case B : B코드 case C : C코드 case D : D코드 ... } 예문 사고싶은 주식 가격을 반환합니다. break 문이 없으면 입력학 주식 가격아래의 case 결과과 모두 나오게 되니 break문을 사용해야합니다. case에 해당 하는 조건이 없을때 결과를 보여주기 위해서는 기본값인 default 문을 사용해서 결과를 보여줍니다. 주식가격목록 삼성전자 : 70000 카카오 : 145000 넷마블 : 120000 펄어비스 : 80000 let stock.. 2021. 9. 8. [자바스크립트] break, continue 반복문 빠져나오기, 계속 진행하기 반복문을 사용할 경우 제어가 필요한 경우가 있습니다. 이번 시간에는 반복문 제어를 위한 break문과 continue문에 대해서 알아보겠습니다. break 멈추고 빠져나오라는 뜻으로 반복문이 돌다가 break를 만나면 반복을 중지하고 빠져나옵니다. continue 멈추고 다음 반복으로 진행하라는 뜻으로 반복문이 돌다가 continue를 만나면 아래의 코드는 무시하고 다음 반복을 진행합니다. break 예문 //취소를 누를때 까지 무한으로 확인창을 띄우는 코드 while(true){ let answer = confirm("계속 진행할까요?"); // 확인시 true를 취소시 false를 반환 if(!answer){ //만약 answer이 false이면 break; //반복문을 빠져나가라 } } contin.. 2021. 9. 8. [자바스크립트] 반복문 - do ~ while 문법 & 예제 반복문 코드를 여러번 반복하기 위해서 사용합니다. 이번 시간에는 반복문중 do ~ whtile 문에 대해서 알아보겠습니다. 문법 do~while문은 while문과 차이가 거의 없지만 조건을 비교하기 전 코드를 한번 실행한다는 차이점이 있습니다. 변수선언 do{ //코드 }while (조건문) 예문 1부터 10까지의 값을 콘솔로그에 찍는 반복문 let i=0; do{ i++; console.log(i); }while(i 2021. 9. 8. [자바스크립트] 반복문 - while 문법 & 예제 반복문 코드를 여러번 반복하기 위해서 사용합니다. 이번 시간에는 반복문중 whtile 문에 대해서 알아보겠습니다. 문법 초기변수 및 변수값 선언 while (조건문){ //반복할 코드 } 예문 10부터 20까지의 값을 콘솔로그에 찍는 반복문 let i=10; while (i < 21){ console.log(i); i++; } 1. i는 10으로 초기값을 선언합니다. 2. 조건문을 보고 i는 21보다 작으니 콘솔로그에 10을 찍습니다. 3. 이후 i를 1증가 시키게 됩니다. 4. i는 11가 되었습니다. 5. i는 21보다 작으니 콘솔로그에 i 값인 11를 찍습니다. 6. i를 1증가 시킵니다. 7. i는 12이 되었습니다 8. 위의 과정을 i가 21보다 작을때까지 반복합니다. 이상으로 javaScrip.. 2021. 9. 8. [자바스크립트] 반복문 for - 문법 & 예문 반복문 코드를 여러번 반복하기 위해서 사용합니다. 이번 시간에는 반복문중 for 문에 대해서 알아보겠습니다. 문법 for (초기값 ; 조건문 ; 코드 실행 후 작업){ //반복할 코드 } 예문 //1부터 10까지의 값을 콘솔로그에 찍는 반복문 for(let i=1; i 2021. 9. 8. 도메인 고정포워딩 VS 유동포워딩 차이점 (feat. 가비아) 이번 시간에는 도메인 고정포워딩과 유동포워딩 2개의 차이점에 대해서 그림으로 쉽게 알아보도록 하겠습니다. 도메인 신청 가비아에서 나의 개인 도메인을 신청하였다 신청한 도메인 주소는 "bebe.co.kr" 이라고 가정한다. 나의 웹사이트 내가 개인적으로 운영하고 있는 웹사이트 주소는 "www.coco.co.kr"로 서비스 하고 있는중이다. 고정포워딩 VS 유동포워딩 위의 2가지 조건으로 가비아에서 포워딩 신청을 진행하여 웹브라우저에 "bebe.co.kr" 접속시 "www.coco.co.kr" 사이트로 접속되게 설정 "bebe.co.kr" -> "www.coco.co.kr" 고정포워딩 고정포워딩 설정 후 "www.bebe.co.kr" 접속하게되면 웹브라우저에 보이는 주소는 고정되어 "bebe.co.kr"를 .. 2021. 9. 8. 이전 1 ··· 20 21 22 23 24 25 26 ··· 57 다음 반응형
