괴물 클럽

프로젝트 흐름: 제품 요구사항 사용자 인증 컴포넌트 및 Ajax를 활용한 로그인(이미지 캡차) 폼 컴포넌트 및 Ajax를 사용한 사용자 가입 기능 1과 2의 데이터베이스 테이블은 사용자 정보 테이블에 통합 시스템 홈 페이지 설계 개인 웹사이트 설계 4의 개인 사이트 설계 필드는 title(개인 사이트 이름), site_name(https://xxx/alex 형식의 URL 후缀), theme(개인 사 ...

네트워크 요청 (AJAX) JSON 데이터 가져오기 jQuery의 $.getJSON 기능을 순수 자바스크립트로 구현하는 방법입니다. // jQuery $.getJSON('/api/data', function(response) { console.log(response); }); // Vanilla JS (IE10+) const xhr = new XMLHttpRequest(); xhr.open('GET', '/api/data', true); xhr.onreadystatechange = function() { if (this.readyState ...

네트워크에서 도메인은 독립적으로 운영되는 단위이며, 서로 다른 도메인이 자원을 공유하기 위해서는 트러스트 관계를 설정해야 합니다. 이는 두 도메인이 서로 필요한 자원을 공유하고 관리할 수 있게 해줍니다. 웹 환경에서는 A 사이트의 JavaScript 코드가 B 사이트에 접근하려 할 때 보안 문제로 인해 브라우저는 이를 기본적으로 차단합니다. 브라우저는 동일 출처 ...

JSON 개념 이해 JSON(JavaScript Object Notation)은 경량 데이터 교환 형식으로, 텍스트를 사용하여 구조화된 데이터를 표현합니다. 사람이 읽고 쓰기 쉽고, 기계가 파싱하고 생성하기에도 용이합니다. JSON은 언어 독립적이지만, JavaScript 객체 문법을 기반으로 합니다. 유효한 JSON 예시 ["사과", "바나나", "체리"] { "이름": "홍길동", "나이": 30 } {"과일": ["사 ...

결제 버튼 클릭 시 자바스크립트 처리 사용자가 '결제하기' 버튼을 클릭하면, AJAX 요청을 통해 서버에 결제 요청을 보낸다. 서버는 알리페이 결제 페이지의 URL을 반환하며, 이는 window.open(data.pay_url)를 통해 브라우저에서 새 탭으로 열린다. 결제 페이지로 이동한 후, 지속적으로 결제 상태를 확인하는 요청을 보내며, 결제가 완료되면 alert('결제 성공') 메시지 ...

1. 프로그래밍 가이드 1.1. prototype.js란? prototype.js는 샘 스테펜슨이 개발한 자바스크립트 라이브러리로, 표준을 준수하는 고성능의 웹 애플리케이션 개발을 위한 도구입니다. 이 라이브러리는 전통적인 클라이언트 측 기반의 인터랙티브 웹 어플리케이션 구축에 유용하며, 특히 웹 2.0 기술의 적용을 용이하게 합니다. 1.2. 관련 문서 고급 자바스크립 ...

데이터베이스 설계부터 프론트엔드 라이브러리 구현까지, jQuery 없이 순수 JavaScript로 AJAX 요청을 처리하는 방법을 살펴봅니다. 특히 상위 지역 선택 시 하위 지역이 자동으로 갱신되는 연동 선택 기능을 중심으로 설명합니다. 데이터베이스 스키마 설계 계층형 지역 데이터를 저장하기 위해 자기 참조 관계를 가진 테이블을 설계합니다. 상위 지역 코드(pcode)가 NU ...

서버 측 매개변수 바인딩 메커니즘 Spring MVC 를 활용한 웹 애플리케이션 개발에서 컨트롤러 계층은 클라이언트로부터 전달된 데이터를 어떻게 받아들이느냐에 따라 비즈니스 로직 처리가 달라진다. 특히 요청 파라미터를 수집하고 변환하는 방식은 개발자의 의도에 따라 다르게 설계될 수 있다. 1. 동적 컬렉션 활용: @RequestParam Map 고정되지 않은 키 - 값 쌍을 유 ...