Front end
-
함수 문제(while,break)Front end/javaScript 2023. 11. 24. 10:22
// while 문 // - 반복 횟수가 상황에 따라 변경될 때 좋은 반복문 // - 조건식이 참이면, 코드를 반복 // break // - 코드실행을 현재 흐름에서 탈출시킴 // - 반복문에서 사용되는 경우, 가장 가까운 반복흐름을 탈출함 // 상황설정: 업다운, 숫자게임! 1~10 중 임의의 정수 찾기! // - 정답이 입력값보다 크면 UP, 작으면 DOWN 멘트가 나옴 // - q 입력 시, 종료 function playUpdownGame() { // 시작 멘트 console.log("### START ###"); // 난수 생성(1~10 사이 정수) const randIntNum = Math.trunc(Math.random() * 10 + 1); // 0.0 ~ 0.999999 -> 0.0 ~ 9..
-
함수?Front end/javaScript 2023. 11. 23. 18:18
* 함수: 일련의 코드 묶음 이라 한다. // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // 함수, 리뷰! // 1. 일련의 코드 묶음(코드 재사용성 증가) // 2. 입력에 따른 결과 반환(like a 자판기) // 3. 함수 호출 시, 실행 흐름은 함수 내부로 이동 // 4. 함수 종료 시, 실행 흐름은 이전 위치로 되돌아감 - 함수의 스코프 영역 // JavaScript 관련 구글링 // 👉 site:developer.mozilla.org {연관_키워드} "use strict"; // - 함수, 리뷰! // 1. 일련의 코드 묶음(코드 재사용성 증가) // 2. 입력에 따른 결과 반환(like a 자판기) //..
-
let vs constFront end/javaScript 2023. 11. 23. 17:35
요약: let은 값을 변경할수 있지만 const는 값을 변경할수 없다. // 엄격모드 적용: 초창기 자바스크립트의 단점을 보완하는 설정 // ( 좀 더 엄격한 검증 적용!) "use strict"; //1. 변수, 열린 상자 만들기! let openBox = "🦮 망고"; console.log(openBox); openBox = "😍바둑이"; console.log(openBox); //2. 이름이 같은 변수, 생성 불가! //let openBox = "🥨도넛츠"; openBox = "🥨도넛츠"; console.log(openBox); // 3. 상수, 잠긴 상자 만들기! const cookieBox = "🥓쿠키"; console.log(cookieBox); cookieBox = "🍅 과일"; 출저: 홍팍..
-
카카오 챗봇 연동 방법Front end/API 2023. 11. 1. 17:26
카카오 챗봇 API를 사용하려면 다음 단계를 따르면 됩니다: 1. **카카오 계정 생성 및 개발자 등록**: - 카카오 개발자 사이트(https://developers.kakao.com/)에 가입하고 로그인합니다. - "내 애플리케이션"을 생성하고 등록합니다. 2. **새 애플리케이션 등록**: - "내 애플리케이션"에서 "애플리케이션 추가하기"를 클릭하여 새 애플리케이션을 등록합니다. - 애플리케이션 이름과 설명을 작성하고 필요한 설정을 완료합니다. 3. **애플리케이션 설정**: - 등록한 애플리케이션을 선택하고, "플랫폼" 메뉴에서 "카카오 i"를 선택합니다. - "스킬 정보"를 설정하고, 스킬 서버를 연결하기 위한 설정을 완료합니다. 4. **스킬 서버 개발**: - 챗봇을 구현할 서버를 준비하고..
-
생성자 함수? 여러 객체가 있을 때 손쉽게 생성 할수 있는 함수Front end/javaScript 2023. 5. 22. 16:06
// 생성자 함수: 상품 객체를 생성해보자. 비슷한 객체를 여러개 만들때 유용하게 사용 가능하다. function Item(title, price){ // this = {}; this는 빈객체 this.title = title; this.price = price; this.showPrice = function(){ console.log(`가격은 ${price}원 입니다.`); } // return this; } const item1 = new Item('인형', 3000); const item2 = Item('가방', 4000); //생성자 함수는 잊지말고 new를 붙여 줘야함 const item3 = new Item('지갑', 9000); console.log(item1, item2, item3); i..
-
객체 (method, this). this는 현업자도 어려워함Front end/javaScript 2023. 5. 21. 18:18
//method let boy = { name: "Mike", showName: function(){ console.log(boy.name) } }; let man = boy; // boy의 별명에 man이라는 별명을 추가해준다. 즉 별명이 2개가됨 man.name ="Tom" //man의 이름을 Tom으로 바꾼다! console.log(boy.name) //TOM let boy = { name: "Mike", showName: function(){ console.log(this.name) //메소드에 객체이름을 쓰기보다는 this를 쓰는게 좋음 } }; let man = boy; // boy의 별명에 man이라는 별명을 추가해준다. 즉 별명이 2개가됨 man.sho..