반응형 자바스크립트강의4 슬기형의 자바스크립트 기초강의 - 모달창 만들어보기 06 슬기형의 자바스크립트 기초강의 - 모달창 만들어보기 06 이번 포스팅은 모달 창 구현이다. 모달, 팝업 골이 타분하게 구분하지는 않겠다. 개념도 다들 제각각이다. 누군가는 모달을 부모 - 자식 창 관계라고 말하고, 부트스트랩 기준으로 보면 맞는 말이다. 팝업은 어떤 내용을 강제로 유저에게 알리는 기능을 말한다. 그런데 어떤 사이트 또는 프로젝트를 가면 모달이란 단어를 모르는 사람들도 많다. 팝업과 알림을 같은 것으로 이해하는 사람들도 많다. 머든 관계없다. 이번에 구현할 기능은 메인화면에서 버튼을 클릭하면 모달 창이 뜨고, 그 창에서 또 버튼을 클릭 통신을 해오는 정도의 기능을 구현해 본다. 참고로 fetch 기능을 사용해 https://baconipsum.com 사이트에서 api로 data를 받아와 예.. 2023. 1. 7. 슬기형의 자바스크립트 기초강의 - JSON 문자열 객체로 변환하기 05 슬기형의 자바스크립트 기초강의 - JSON 문자열 객체로 변환하기 05 JSON.parse()를 사용해 JSON 데이터를 해석하고 자바스크립트로 객체로 변환할 수 있다. JSON은 수년간 가장 많이 사용하는 프론트와 백엔드 데이터 형식이므로 꼭 숙지할 필요가 있다. 미리 준비해둔 JSON 데이터를 버튼을 눌러 HTML TAG에 바인딩하는 예제로 간단한 기능을 구현해 본다. 소스 슬기형의 자바스크립트 기초강의 - JSON 문자열 객체로 변환하기 JSON데이터를 바인딩하기 학생 수 : 0 학년: 0 반명 : 0 결과 2023. 1. 7. 슬기형의 자바스크립트 기초강의 - 문자열 다루기 04-1 슬기형의 자바스크립트 기초강의 - 문자열 다루기 04-1 이전 강의 [Web Front 개발공부/HTML과 JAVASCRIPT] - 슬기형의 자바스크립트 기초강의 - 확인 및 취소 다이얼로그 03 슬기형의 자바스크립트 기초강의 - 확인 및 취소 다이얼로그 03 슬기형의 자바스크립트 기초강의 - 확인 및 취소 다이얼로그 03 이전 강좌 2022.12.25 - [Web Front 개발공부/HTML과 JAVASCRIPT] - 슬기형의 자바스크립트 기초강의 - HTML 변경하기 02 슬기형의 자바스크립트 ecolumbus.tistory.com 문자열 길이를 확인 length 문자열을 검색 indexOf, includes, startWith, endWith,search 문자열을 추출 charAt, slice, s.. 2022. 12. 30. 슬기형의 자바스크립트 기초강의 - 확인 및 취소 다이얼로그 03 슬기형의 자바스크립트 기초강의 - 확인 및 취소 다이얼로그 03 이전 강좌 2022.12.25 - [Web Front 개발공부/HTML과 JAVASCRIPT] - 슬기형의 자바스크립트 기초강의 - HTML 변경하기 02 슬기형의 자바스크립트 기초강의 - HTML 변경하기 02 슬기형의 자바스크립트 기초강의 - HTML 변경하기 02 이전 강의 슬기형의 자바스크립트 기초강의 - 알림 박스, 다이얼로그 박스 표시 01 슬기형의 자바스크립트 기초강의 - 알림박스, 다이얼로그 ecolumbus.tistory.com 버튼을 누르면 유저에게 질문을 하는 "확인 다이얼로그"를 띄워본다. confirm(메세지) confirm 메서드의 역할은 다이얼로그를 표시해서 사용자가 확인 또는 취소를 선택하도록 한다. 사용자가 둘.. 2022. 12. 26. 이전 1 다음 반응형
