분류 전체보기 19

[JS] 9. 객체(Object)

1. 객체 (1-1) 객체의 선언방법은 const 객체명 = { 키 : 값, 키 : 값}입니다. (1-2) 객체의 접근방법은 두가지입니다. 객체명.키값 or 객체명["키값"] 입니다. (1-3) 객체의 추가방법도 두가지입니다. 객체명.키 = "값"; or 객체명["키"] = "값"; (1-4) 객체의 삭제 방법은 앞에 delete를 붙이는 것입니다. (1-5) 객체내의 프로퍼티 존재여부 확인법은 '확인해볼 값' in 객체명입니다. boolean값으로, true or false 값을 반환합니다. (1-6) 함수와 객체 실습

front-end/js 2023.11.15

[JS] 7. 반복문 (for, while, do while)

1. for (1-1)for문은 내가 정한 횟수만큼 반복해주는 반복문입니다. const year = 2023; for(let i = 1; i < 6; i++){ console.log(`올해는 ${year}년 이므로, ${i}년 후에는 ${year+i}년 입니다.`); } (1-2) for문의 형식은 for(초기값; 반복횟수조건; 증감값) {반복시킬 문장} 입니다. - 위 코드에서 제가 설정한 변수 i의 초기값은 1입니다. - 위 코드에서 반복횟수조건은 i가 6보다 작을 때 입니다. -위 코드에서 증감값은 i++입니다, 여기서 ++란, 반복이 끝날 때마다 1씩 증가시키겠다는 의미입니다. 따라서, i는 반복할 떄마다 1,2,3,4,5까지 증가할 것이며 6이 되는 순간 조건이 false가 되면서 반복을 멈출 ..

front-end/js 2023.11.10

[JS] 6. 논리연산자(&&, ||, !)

1. && (1-1) 모든 조건이 참이여야 다음 명령을 수행합니다. const age = prompt("나이를 입력해주세요.", "ex) 30"); const gender = prompt("성별을 입력해주세요", "ex) femail"); if((age >= 20) && (gender === "mail")){ console.log("가"); } else if(age >= 20 && gender ==="femail"){ console.log("나"); } else{ console.log("다"); } 나이가 20살 이상이고, 성별이 남성이여야만 "가" 를 출력하고, 나이가 20살 이상이고, 성별이 여성이여야만 "나" 를 출력합니다. 둘 중 하나라도 만족하지 못하면 바로 "다"를 출력합니다. 나이 조건이 2..

front-end/js 2023.11.10

[JS] 5. 조건문(if, else if, else, switch)

1. if (1-1) if문은 어떤 조건이 충족되었을 때 특정 동작을 할 수 있도록 돕는 조건연산자입니다. const age = prompt("나이를 입력해주세요", "ex) 20"); if(age > 20){ console.log(`회원님은 ${age}살이므로 맥주를 구입하실 수 있습니다.`); } 위 이미지처럼 나이를 입력했을 때, 20보다 크다면 안내메세지가 나옵니다. 2. elseif (2-1) 만약 조건이 여러개라면 elseif를 통해 조건을 추가할 수 있습니다. const age = prompt("나이를 입력해주세요", "ex) 20"); const gender = pormpt("성별을 입력해주세요", "ex) male or female"); if(age >= 20){ //part1 if(ge..

front-end/js 2023.11.10

[JS] 3. 형변환과 기본 연산자(String(), Number(), Boolean())

1. String() (1-1) 첫글자를 대문자로 작성해야하고, 괄호안의 값을 문자열로 바꿔줍니다. const age1 = 35; console.log(typeof age1); const age2 = String(35); console.log(typeof age2); 같은 35를 집어넣었지만 age1 = 숫자형, age2 = 문자형이 된 걸 확인할 수 있습니다. 2.Number() (2-1) 첫글자를 대문자로 작성해야하고, 괄호안의 값을 숫자로 바꿔줍니다. const year = "2023"; console.log(year); year2 = Number(year); console.log(year2) 분명 year라는 변수는 문자형으로 선언했지만 Number()를 통해 숫자형으로 출력되는 것을 볼 수 있습..

front-end/js 2023.11.10

[JS] 2. 대화상자(alert, prompt, confirm)

1. alert (1-1) alert는 웹페이지 자체에서 알림을 띄우게 만듭니다. 상호작용이라기 보단 일방적인 알림입니다. const name = "zeroJJUN"; alert(`안녕하세요 ${name}님 `); 2.prompt (2-1) prompt는 사용자가 직접 입력할 수 있도록 해줍니다. const name = prompt("이름을 입력해주세요", "ex)홍길동"); alert( `안녕하세요 ${name}님 환영합니다.`); (2-2) prompt는 2개의 인수를 받을 수 있는데 콤마로 구분하며, 첫 번째 인수는 질문 _ 두 번째 인수는 답변에 대한 힌트입니다. 3.confirm (3-1) confirm은 사용자의 행동을 재차확인할 때 사용합니다. const Ack = confirm("정말 삭제..

front-end/js 2023.11.10

[JS] 1. 변수와 자료형(let, const)

1. 변수의 선언 name = "zeroJJUN"; age = 24; (1-1) 데이터의 형식이 문자 or 문자열이라면 따옴표로 감싸주어야 합니다. (1-2) 데이터의 형식이 숫자라면 따옴표를 사용하지 않아도 됩니다. 2. let (2-1) 혼자서 개발할 때에는 상관없지만 협업을 하면 변수명이 겹칠수도 있기 때문에, 변수 앞에 let이나 const를 사용해야합니다. let name = "zeroJJUN"; let name = "JJUN"; //중복 변수명으로 인한 에러 발생 console.log(name); (2-2) 하지만 let을 빼고 같은 변수명을 사용한다면 마지막에 선언한 값으로 변경됩니다. let name = "zeroJJUN"; name = "JJUN"; //에러가 발생하지 않고 name = ..

front-end/js 2023.11.09