객체지향자판기를 여러 언어로 만들기 위해 문자가 들어가는 부분을 바꾸는 클래스를 새로 만들다. 기존의 machine 클래스에 언어(lang)를 새롭게 매개변수로 받아야하기 때문에 변수 초기화하는 this.lang = lang을 추가한다. 이제 글자가 들어가는 부분에 알맞은 메시지를 출력하게하면 된다.
전체 글
이거 웨 않 되?절차지향 자판기를 객체 지향자판기로 만들어보다. 클래스 내부에서 객체를 만들때 constructor 함수를 쓰는데 함수 안에서 this의 역할은 구별?하는 역할로 생각하면 편하다. 입력값을 객체로 써야할 땐 입력문을 value에 넣으면 된다.
객체지향 자판기를 만들기 전 절차지향으로 만들어보는 자판기를 만들다. 자판기의 객체부분을 constructor로 만들고 exportProduct( ), changes( )를 클래스 안의 함수로 넣어주면 된다.
객체지향 프로그래밍을 배우다. Class는 constructor와 함수부분으로 나눌 수 있다. constructor는 반복되는 객체를 하나의 틀로 찍어내고, 변수를 초기화하고 함수는 그 클래스가 할 수 있는 행동이라고 생각하면 된다. this는 메소드 내의 변수를 지칭? 할 때 쓰인다. 구별해주는 느낌?으로 생각하면 된다.
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcLHFEX%2Fbtsl9uNypht%2FiQ2o2bL1f7nnQ4xy5ij10k%2Fimg.png)
Ex09의 실습, 지도의 좌표를 사용하여 지도에 마커를 찍고 광주의 관광지를 추천하다. 광주 관광지 가져오기 오늘의 관광지 추천 친절한 카카오의 지도에 마커찍기 설명을 보며 따라하면 된다. https://apis.map.kakao.com/web/sample/
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fl63oB%2Fbtsmlm1c5r5%2FAHxJrukD3tkkzKyHnZKnP0%2Fimg.png)
카카오에서 제공하는 api로 카카오 지도를 만들어보다. 카카오 디벨로퍼 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오디벨로퍼 로그인 후 내 애플리케이션을 만들고 앱키를 가져와서 친절한 카카오의 설명을 보고 따라하면된다.
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FE2uvW%2Fbtsk1SAxy5Q%2FeRUG1x5r4kHqY1vZ2TyaHk%2Fimg.png)
새로고침을 하지 않아도 데이터가 로드되는 비동기 통신을 배우다. 데이터 요청 동시에 여러가지 작업을 진행할 수 있고, 새로고침을 하지 않아도 웹 페이지 일부분에서 새로운 데이터가 로드 되는 비동기식 통신을 배우다. 비동기식 통신을 위한 제이쿼리 함수는 $.ajax( ) 이다. 이 함수를 실행시키기 위해서는 객체 key값으로 url, success가 필요하다. url의 value에는 오픈 api 링크 주소를 넣고 success에는 요청이 정상적으로 성공되면 실행될 로직을 적으면 된다. 나는 버튼을 클릭하면 2023-06-21 기준으로 일일 영화 순위를 표(table)로 만들어주는 로직을 작성했다.