+ 
+
-
๐ ๋ฐ๊ธ ์คํ๋์ค ์คํ ๊ธฐ๋ ๐
-ํน๋ณ ํ ์ธ ์ด๋ฒคํธ
-์ต๋ 20% ํ ์ธ
+ ๐ฌ ํํธ๋ ์คํธ๋ฆฌ๋จธ ๋ชจ์ง ๐ฌ
+๋ฐ๊ธ ์คํ๋์ค์ ํจ๊ป ์ฑ์ฅํ ๋ฒํ๋ฒ ์คํธ๋ฆฌ๋จธ๋ฅผ ์ฐพ์ต๋๋ค
+์ง๊ธ ์ง์ํ์ธ์
-
ํ ์ธ ์๋น์ค
+ํํธ๋ ์คํธ๋ฆฌ๋จธ์ ํํ
-
- ํํธ๋ ์คํธ๋ฆฌ๋จธ ๋ชจ์ง - ๋ฐ๊ธ ์คํ๋์ค
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/server.py b/server.py
index f6bbe33..8774b40 100644
--- a/server.py
+++ b/server.py
@@ -274,6 +274,33 @@ def find_available_port(start_port=8001):
print(f"No available port found in range {start_port}-{start_port+19}")
return start_port # ์ฐพ์ง ๋ชปํ๋ฉด ๊ธฐ๋ณธ๊ฐ ๋ฐํ
+def create_self_signed_cert():
+ """์์ฒด ์๋ช
์ธ์ฆ์ ์์ฑ"""
+ cert_file = 'server.crt'
+ key_file = 'server.key'
+
+ # ์ธ์ฆ์๊ฐ ์ด๋ฏธ ์กด์ฌํ๋ฉด ์ฌ์ฌ์ฉ
+ if os.path.exists(cert_file) and os.path.exists(key_file):
+ print(f"Using existing SSL certificate: {cert_file}")
+ return cert_file, key_file
+
+ print("Generating self-signed SSL certificate...")
+ try:
+ import subprocess
+ # OpenSSL์ ์ฌ์ฉํ์ฌ ์์ฒด ์๋ช
์ธ์ฆ์ ์์ฑ
+ subprocess.run([
+ 'openssl', 'req', '-x509', '-newkey', 'rsa:4096',
+ '-keyout', key_file, '-out', cert_file,
+ '-days', '365', '-nodes',
+ '-subj', '/CN=localhost'
+ ], check=True, capture_output=True)
+ print(f"SSL certificate created: {cert_file}, {key_file}")
+ return cert_file, key_file
+ except (subprocess.CalledProcessError, FileNotFoundError):
+ print("Warning: OpenSSL not found. Cannot create SSL certificate.")
+ print("Install OpenSSL or use the caddy server for HTTPS.")
+ return None, None
+
def main():
"""๋ฉ์ธ ์๋ฒ ์คํ ํจ์"""
# ํ์ฌ ๋๋ ํ ๋ฆฌ๊ฐ ํ๋ก์ ํธ ๋ฃจํธ์ธ์ง ํ์ธ
@@ -281,35 +308,44 @@ def main():
print("Error: index.html file not found.")
print("Please run from project root directory.")
sys.exit(1)
-
+
# ์ฌ์ฉ ๊ฐ๋ฅํ ํฌํธ ์ฐพ๊ธฐ
available_port = find_available_port(PORT)
-
+
+ # Force HTTP mode (Caddy handles HTTPS)
+ use_https = False
+ protocol = "http"
+
try:
# ์๋ฒ ์์
httpd = socketserver.TCPServer((HOST, available_port), CustomHTTPRequestHandler)
httpd.allow_reuse_address = True # ์ฃผ์ ์ฌ์ฌ์ฉ ํ์ฉ
+
with httpd:
# ๋ก์ปฌ ๋ฐ ์ธ๋ถ ์ ๊ทผ ์ฃผ์ ํ์
import socket
local_ip = socket.gethostbyname(socket.gethostname())
-
+
print("Mingle Studio Development Server Started!")
print("="*60)
- print(f"Local Access: http://localhost:{available_port}")
- print(f"Network Access: http://{local_ip}:{available_port}")
+ print(f"Local Access: {protocol}://localhost:{available_port}")
+ print(f"Network Access: {protocol}://{local_ip}:{available_port}")
print(f"Root Directory: {os.getcwd()}")
+ if use_https:
+ print("โ ๏ธ Using self-signed certificate - browser will show security warning")
+ print(" Click 'Advanced' โ 'Proceed' to continue")
print("="*60)
print("Main Pages:")
- print(f" Home: http://localhost:{available_port}/")
- print(f" About: http://localhost:{available_port}/about")
- print(f" Services: http://localhost:{available_port}/services")
- print(f" Portfolio: http://localhost:{available_port}/portfolio")
- print(f" Gallery: http://localhost:{available_port}/gallery")
- print(f" Contact: http://localhost:{available_port}/contact")
- print(f" Q&A: http://localhost:{available_port}/qna")
- print(f" Backgrounds: http://localhost:{available_port}/backgrounds")
- print(f" Props: http://localhost:{available_port}/props")
+ print(f" Home: {protocol}://localhost:{available_port}/")
+ print(f" About: {protocol}://localhost:{available_port}/about")
+ print(f" Services: {protocol}://localhost:{available_port}/services")
+ print(f" Portfolio: {protocol}://localhost:{available_port}/portfolio")
+ print(f" Gallery: {protocol}://localhost:{available_port}/gallery")
+ print(f" Contact: {protocol}://localhost:{available_port}/contact")
+ print(f" Q&A: {protocol}://localhost:{available_port}/qna")
+ print(f" Backgrounds: {protocol}://localhost:{available_port}/backgrounds")
+ print(f" Props: {protocol}://localhost:{available_port}/props")
+ print(f" Partner: {protocol}://localhost:{available_port}/partner")
print("="*60)
print("API Endpoints:")
print(f" GET /api/backgrounds - ๋ฐฐ๊ฒฝ ๋ฐ์ดํฐ ์กฐํ")
@@ -319,14 +355,14 @@ def main():
print("="*60)
print("External Access Setup:")
print(f" 1. Setup port forwarding for port {available_port} on router")
- print(f" 2. Access via public IP: http://[PUBLIC_IP]:{available_port}")
- print(f" 3. Same network: http://{local_ip}:{available_port}")
+ print(f" 2. Access via public IP: {protocol}://[PUBLIC_IP]:{available_port}")
+ print(f" 3. Same network: {protocol}://{local_ip}:{available_port}")
print("="*60)
print("Tip: Press Ctrl+C to stop the server.")
print("Opening browser automatically...")
-
+
# ๊ธฐ๋ณธ ๋ธ๋ผ์ฐ์ ์์ ์๋์ผ๋ก ์ด๊ธฐ (๋ก์ปฌํธ์คํธ๋ก)
- webbrowser.open(f"http://localhost:{available_port}")
+ webbrowser.open(f"{protocol}://localhost:{available_port}")
# ์๋ฒ ์คํ
httpd.serve_forever()
- ๋ชจ์
์บก์ณ ์คํ๋์ค ๋๊ด
- 20% ํ ์ธ
+
diff --git a/js/partner.js b/js/partner.js
new file mode 100644
index 0000000..a7e1367
--- /dev/null
+++ b/js/partner.js
@@ -0,0 +1,375 @@
+// ========================================
+// Partner ํ์ด์ง ์ ์ฉ JavaScript
+// ========================================
+
+document.addEventListener('DOMContentLoaded', function() {
+ initCopyButton();
+ initEmailLinkCopy();
+});
+
+// ๋ณต์ฌ ๋ฒํผ ์ด๊ธฐํ
+function initCopyButton() {
+ const copyBtn = document.getElementById('copyTemplateBtn');
+
+ if (copyBtn) {
+ copyBtn.addEventListener('click', function() {
+ copyApplicationTemplate();
+ });
+ }
+}
+
+// ์ง์์ ์์ ๋ณต์ฌ ํจ์
+function copyApplicationTemplate() {
+ const templateText = `๋ฐ๊ธ์คํ๋์ค ํํธ๋ ์คํธ๋ฆฌ๋จธ ์ง์์
+
+[ ๊ธฐ๋ณธ ์ ๋ณด ]
+1. ํ์ฌ ๋ฐ๋ทํ์ฌ ํ๋ํ๊ณ ๊ณ์ ๊ฐ์?
+๋ต๋ณ: (์ / ์๋์ค)
+
+2. ํ๋ํ๊ณ ๊ณ์๋ค๋ฉด, ํ๋๋ช
์ ๋ฌด์์ธ๊ฐ์?
+๋ต๋ณ:
+
+3. ์ด๋ค ๋ฐฉ์ก ํ๋ซํผ์์ ๋ฐฉ์ก์ ํ๊ณ ๊ณ์ ๊ฐ์?
+๋ต๋ณ: (์: ์ ํ๋ธ, ํธ์์น, ์ํ๋ฆฌ์นดTV, SOOP ๋ฑ)
+
+4. MCN ๋๋ ๊ธฐ์
์์์ด์ ๊ฐ์?
+๋ต๋ณ: (์ / ์๋์ค)
+โป ์์๋ ๊ฒฝ์ฐ, ์์ ํ์ฌ๋ช
์ ํจ๊ป ๊ธฐ์ฌํด์ฃผ์ธ์
+
+[ ์ง์ ๋๊ธฐ ๋ฐ ๊ณํ ]
+5. ์ง์ํ๊ฒ ๋ ๊ณ๊ธฐ๊ฐ ๋ฌด์์ธ๊ฐ์?
+๋ต๋ณ:
+
+6. ํํธ๋ ์คํธ๋ฆฌ๋จธ๊ฐ ๋๋ค๋ฉด ์ด๋ค ์ฝํ
์ธ ๋ฅผ ์งํํด๋ณด๊ณ ์ถ์ผ์ ๊ฐ์?
+๋ต๋ณ:
+
+[ ๊ฒฝํ ๋ฐ ํ๊ฒฝ ]
+7. ๋ชจ์
์บก์ฒ๋ฅผ ๊ฒฝํํด๋ณด์ ์ ์ด ์์ผ์ ๊ฐ์?
+๋ต๋ณ: (์ / ์๋์ค)
+
+8. ์คํ๋์ค ๋ฐฉ๋ฌธ์ ์ด๋ ค์์ด ์์ผ์ ๊ฐ์?
+โป ์คํ๋์ค๋ ์ธ์ฒ๊ด์ญ์ ๋ถํ๊ตฌ์ ์์นํ๊ณ ์์ต๋๋ค
+๋ต๋ณ: (์ด๋ ค์ ์์ / ๋ค์ ์ด๋ ต์ง๋ง ๊ฐ๋ฅ / ์ด๋ ค์ ์์)
+
+9. ๋ณธ์ธ๋ง์ ํน๊ธฐ๊ฐ ์๋ค๋ฉด?
+๋ต๋ณ: (๋ฐฉ์ก์ด๋ ์ ํ๋ธ ์์ ๋งํฌ ์ฒจ๋ถ๋ก ๋์ฒด ๊ฐ๋ฅ)
+
+[ ์ฐ๋ฝ์ฒ ์ ๋ณด ]
+โข ์ด๋ฆ:
+โข ์ด๋ฉ์ผ:
+โข ๋์ค์ฝ๋ ์์ด๋: `;
+
+ // ํด๋ฆฝ๋ณด๋์ ๋ณต์ฌ
+ navigator.clipboard.writeText(templateText).then(function() {
+ // ์ฑ๊ณต ํผ๋๋ฐฑ
+ const copyBtn = document.getElementById('copyTemplateBtn');
+ const originalText = copyBtn.querySelector('.copy-text').textContent;
+
+ copyBtn.classList.add('copied');
+ copyBtn.querySelector('.copy-text').textContent = '๋ณต์ฌ ์๋ฃ!';
+
+ // 2์ด ํ ์๋๋๋ก ๋ณต์
+ setTimeout(function() {
+ copyBtn.classList.remove('copied');
+ copyBtn.querySelector('.copy-text').textContent = originalText;
+ }, 2000);
+
+ // ์๋ฆผ ํ์ (commonUtils ์ฌ์ฉ ๊ฐ๋ฅํ ๊ฒฝ์ฐ)
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('์์์ด ํด๋ฆฝ๋ณด๋์ ๋ณต์ฌ๋์์ต๋๋ค!', 'success');
+ }
+ }).catch(function(err) {
+ console.error('๋ณต์ฌ ์คํจ:', err);
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('๋ณต์ฌ์ ์คํจํ์ต๋๋ค. ๋ค์ ์๋ํด์ฃผ์ธ์.', 'error');
+ } else {
+ alert('๋ณต์ฌ์ ์คํจํ์ต๋๋ค. ๋ค์ ์๋ํด์ฃผ์ธ์.');
+ }
+ });
+}
+
+// ์ด๋ฉ์ผ ๋งํฌ ํด๋ฆญ ์ ๋ณต์ฌ
+function initEmailLinkCopy() {
+ const emailLink = document.getElementById('emailLink');
+
+ if (emailLink) {
+ emailLink.addEventListener('click', function(e) {
+ e.preventDefault();
+ const email = this.textContent.trim();
+
+ navigator.clipboard.writeText(email).then(function() {
+ // ์ฑ๊ณต ์๋ฆผ
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('์ด๋ฉ์ผ ์ฃผ์๊ฐ ๋ณต์ฌ๋์์ต๋๋ค!', 'success');
+ }
+
+ // ๋งํฌ ์๊ฐ์ ํผ๋๋ฐฑ
+ emailLink.style.color = '#4CAF50';
+ setTimeout(function() {
+ emailLink.style.color = '';
+ }, 1000);
+ }).catch(function(err) {
+ console.error('์ด๋ฉ์ผ ๋ณต์ฌ ์คํจ:', err);
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('๋ณต์ฌ์ ์คํจํ์ต๋๋ค.', 'error');
+ }
+ });
+ });
+ }
+}
+
+// ํํธ๋ ์ง์ ํผ ์ด๊ธฐํ (์ฌ์ฉํ์ง ์์ - ์ญ์ ๊ฐ๋ฅ)
+function initPartnerForm() {
+ const form = document.getElementById('partnerApplicationForm');
+
+ if (form) {
+ form.addEventListener('submit', handleFormSubmit);
+
+ // ์ค์๊ฐ ์ ํจ์ฑ ๊ฒ์ฌ
+ const inputs = form.querySelectorAll('input, textarea');
+ inputs.forEach(input => {
+ if (input.type !== 'radio' && input.type !== 'checkbox') {
+ input.addEventListener('blur', validateField);
+ }
+ });
+
+ // ์ ํ๋ฒํธ ์๋ ํฌ๋งทํ
+ const phoneInput = document.getElementById('phone');
+ if (phoneInput) {
+ phoneInput.addEventListener('input', formatPhoneNumber);
+ }
+ }
+}
+
+// ์กฐ๊ฑด๋ถ ํ๋ ์ด๊ธฐํ
+function initConditionalFields() {
+ // MCN/๊ธฐ์
์์ ์ฌ๋ถ์ ๋ฐ๋ผ ์์๋ช
์
๋ ฅ๋ ํ์
+ const affiliationRadios = document.querySelectorAll('input[name="hasAffiliation"]');
+ const affiliationNameInput = document.getElementById('affiliationName');
+
+ affiliationRadios.forEach(radio => {
+ radio.addEventListener('change', function() {
+ if (this.value === 'yes') {
+ affiliationNameInput.style.display = 'block';
+ affiliationNameInput.required = true;
+ } else {
+ affiliationNameInput.style.display = 'none';
+ affiliationNameInput.required = false;
+ affiliationNameInput.value = '';
+ }
+ });
+ });
+}
+
+// ํผ ์ ์ถ ์ฒ๋ฆฌ
+async function handleFormSubmit(e) {
+ e.preventDefault();
+
+ const form = e.target;
+ const submitBtn = form.querySelector('button[type="submit"]');
+
+ // ์ ํจ์ฑ ๊ฒ์ฌ
+ if (!validateForm(form)) {
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('๋ชจ๋ ํ์ ํญ๋ชฉ์ ์
๋ ฅํด ์ฃผ์ธ์.', 'error');
+ } else {
+ alert('๋ชจ๋ ํ์ ํญ๋ชฉ์ ์
๋ ฅํด ์ฃผ์ธ์.');
+ }
+ return;
+ }
+
+ // ๊ฐ์ธ์ ๋ณด ๋์ ํ์ธ
+ const privacyAgree = document.getElementById('privacyAgree');
+ if (!privacyAgree.checked) {
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('๊ฐ์ธ์ ๋ณด ์์ง ๋ฐ ์ด์ฉ์ ๋์ํด ์ฃผ์ธ์.', 'warning');
+ } else {
+ alert('๊ฐ์ธ์ ๋ณด ์์ง ๋ฐ ์ด์ฉ์ ๋์ํด ์ฃผ์ธ์.');
+ }
+ return;
+ }
+
+ // ์ ์ถ ๋ฒํผ ๋นํ์ฑํ
+ const originalText = submitBtn.textContent;
+ submitBtn.textContent = '์ ์ถ ์ค...';
+ submitBtn.disabled = true;
+
+ try {
+ // ํผ ๋ฐ์ดํฐ ์์ง
+ const formData = new FormData(form);
+ const data = Object.fromEntries(formData);
+
+ // ์๋ฒ๋ก ์ ์ก (์ค์ ๊ตฌํ ํ์)
+ await submitApplicationForm(data);
+
+ // ์ฑ๊ณต ๋ฉ์์ง
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('์ง์์๊ฐ ์ฑ๊ณต์ ์ผ๋ก ์ ์ถ๋์์ต๋๋ค. ๊ฒํ ํ ์ฐ๋ฝ๋๋ฆฌ๊ฒ ์ต๋๋ค!', 'success');
+ } else {
+ alert('์ง์์๊ฐ ์ฑ๊ณต์ ์ผ๋ก ์ ์ถ๋์์ต๋๋ค. ๊ฒํ ํ ์ฐ๋ฝ๋๋ฆฌ๊ฒ ์ต๋๋ค!');
+ }
+
+ // ํผ ์ด๊ธฐํ
+ form.reset();
+
+ // ์กฐ๊ฑด๋ถ ํ๋ ์จ๊ธฐ๊ธฐ
+ const affiliationNameInput = document.getElementById('affiliationName');
+ if (affiliationNameInput) {
+ affiliationNameInput.style.display = 'none';
+ affiliationNameInput.required = false;
+ }
+
+ } catch (error) {
+ console.error('Form submission error:', error);
+ if (window.commonUtils && window.commonUtils.showNotification) {
+ window.commonUtils.showNotification('์ ์ก ์ค ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค. ๋ค์ ์๋ํด ์ฃผ์ธ์.', 'error');
+ } else {
+ alert('์ ์ก ์ค ์ค๋ฅ๊ฐ ๋ฐ์ํ์ต๋๋ค. ๋ค์ ์๋ํด ์ฃผ์ธ์.');
+ }
+ } finally {
+ // ๋ฒํผ ๋ณต์
+ submitBtn.textContent = originalText;
+ submitBtn.disabled = false;
+ }
+}
+
+// ์๋ฒ ์ ์ก ์๋ฎฌ๋ ์ด์
(์ค์ ๊ตฌํ ํ์)
+async function submitApplicationForm(data) {
+ // ์ค์ ์๋ฒ API ์๋ํฌ์ธํธ๋ก ์ ์ก
+ // ์: await fetch('/api/partner-application', { method: 'POST', body: JSON.stringify(data) })
+
+ // ์๋ฎฌ๋ ์ด์
์ ์ํ ๋๋ ์ด
+ return new Promise((resolve) => {
+ setTimeout(() => {
+ console.log('Application data:', data);
+ resolve({ success: true });
+ }, 1500);
+ });
+}
+
+// ํผ ์ ํจ์ฑ ๊ฒ์ฌ
+function validateForm(form) {
+ let isValid = true;
+
+ // ๋ชจ๋ ํ์ ์
๋ ฅ ํ๋ ๊ฒ์ฌ
+ const requiredInputs = form.querySelectorAll('input[required], textarea[required]');
+ requiredInputs.forEach(input => {
+ if (!validateField({ target: input })) {
+ isValid = false;
+ }
+ });
+
+ // ๋ผ๋์ค ๋ฒํผ ๊ทธ๋ฃน ๊ฒ์ฌ
+ const requiredRadioGroups = ['isActive', 'hasAffiliation', 'hasMocapExperience', 'canVisit'];
+ requiredRadioGroups.forEach(groupName => {
+ const radios = form.querySelectorAll(`input[name="${groupName}"]`);
+ const checked = Array.from(radios).some(radio => radio.checked);
+ if (!checked) {
+ isValid = false;
+ // ๋ผ๋์ค ๊ทธ๋ฃน ์๋ฌ ํ์
+ const radioGroup = radios[0]?.closest('.form-group');
+ if (radioGroup) {
+ radioGroup.style.borderLeft = '4px solid #e74c3c';
+ }
+ } else {
+ const radioGroup = radios[0]?.closest('.form-group');
+ if (radioGroup) {
+ radioGroup.style.borderLeft = 'none';
+ }
+ }
+ });
+
+ return isValid;
+}
+
+// ๊ฐ๋ณ ํ๋ ์ ํจ์ฑ ๊ฒ์ฌ
+function validateField(e) {
+ const field = e.target;
+ const value = field.value.trim();
+ let isValid = true;
+ let errorMessage = '';
+
+ // ํ์ ํ๋ ํ์ธ
+ if (field.required && !value) {
+ isValid = false;
+ errorMessage = '์ด ํญ๋ชฉ์ ํ์์
๋๋ค.';
+ }
+
+ // ์ด๋ฉ์ผ ๊ฒ์ฌ
+ if (field.type === 'email' && value) {
+ const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ if (!emailRegex.test(value)) {
+ isValid = false;
+ errorMessage = '์ฌ๋ฐ๋ฅธ ์ด๋ฉ์ผ ํ์์ด ์๋๋๋ค.';
+ }
+ }
+
+ // ์ ํ๋ฒํธ ๊ฒ์ฌ
+ if (field.type === 'tel' && value) {
+ const phoneRegex = /^[0-9-]+$/;
+ if (!phoneRegex.test(value)) {
+ isValid = false;
+ errorMessage = '์ฌ๋ฐ๋ฅธ ์ ํ๋ฒํธ ํ์์ด ์๋๋๋ค.';
+ }
+ }
+
+ // ์๋ฌ ํ์
+ if (!isValid) {
+ showFieldError(field, errorMessage);
+ } else {
+ clearFieldError(field);
+ }
+
+ return isValid;
+}
+
+// ํ๋ ์๋ฌ ํ์
+function showFieldError(field, message) {
+ field.style.borderColor = '#e74c3c';
+
+ // ๊ธฐ์กด ์๋ฌ ๋ฉ์์ง ์ ๊ฑฐ
+ const existingError = field.parentElement.querySelector('.error-message');
+ if (existingError) {
+ existingError.remove();
+ }
+
+ // ์ ์๋ฌ ๋ฉ์์ง ์ถ๊ฐ
+ const errorDiv = document.createElement('div');
+ errorDiv.className = 'error-message';
+ errorDiv.style.color = '#e74c3c';
+ errorDiv.style.fontSize = '0.875rem';
+ errorDiv.style.marginTop = '0.5rem';
+ errorDiv.textContent = message;
+ field.parentElement.appendChild(errorDiv);
+}
+
+// ํ๋ ์๋ฌ ์ ๊ฑฐ
+function clearFieldError(field) {
+ if (field instanceof Event) {
+ field = field.target;
+ }
+
+ field.style.borderColor = '';
+
+ const errorMessage = field.parentElement.querySelector('.error-message');
+ if (errorMessage) {
+ errorMessage.remove();
+ }
+}
+
+// ์ ํ๋ฒํธ ์๋ ํฌ๋งทํ
+function formatPhoneNumber(e) {
+ const input = e.target;
+ let value = input.value.replace(/[^0-9]/g, '');
+
+ // ์๋ ํ์ดํ ์ถ๊ฐ
+ if (value.length <= 3) {
+ input.value = value;
+ } else if (value.length <= 7) {
+ input.value = value.slice(0, 3) + '-' + value.slice(3);
+ } else if (value.length <= 11) {
+ input.value = value.slice(0, 3) + '-' + value.slice(3, 7) + '-' + value.slice(7);
+ } else {
+ input.value = value.slice(0, 3) + '-' + value.slice(3, 7) + '-' + value.slice(7, 11);
+ }
+}
diff --git a/js/popup.js b/js/popup.js
index ad99cb1..7a6c646 100644
--- a/js/popup.js
+++ b/js/popup.js
@@ -2,25 +2,6 @@
* ๋ฐ๊ธ ์คํ๋์ค ๋ฉ์ธ ํ์
๊ด๋ฆฌ
*/
-// ์ฟ ํค ๊ด๋ จ ํจ์
-function setCookie(name, value, days) {
- const date = new Date();
- date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
- const expires = "expires=" + date.toUTCString();
- document.cookie = name + "=" + value + ";" + expires + ";path=/";
-}
-
-function getCookie(name) {
- const nameEQ = name + "=";
- const ca = document.cookie.split(';');
- for(let i = 0; i < ca.length; i++) {
- let c = ca[i];
- while (c.charAt(0) == ' ') c = c.substring(1, c.length);
- if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
- }
- return null;
-}
-
// ํ์
ํ์ ํจ์
function showPopup() {
const popup = document.getElementById('mainPopup');
@@ -33,34 +14,17 @@ function showPopup() {
// ํ์
๋ซ๊ธฐ ํจ์
function closePopup() {
const popup = document.getElementById('mainPopup');
- const dontShowToday = document.getElementById('dontShowToday');
if (popup) {
popup.classList.remove('active');
document.body.style.overflow = ''; // ์คํฌ๋กค ๋ณต์
-
- // "ํ๋ฃจ๋์ ๋ณด์ง ์๊ธฐ" ์ฒดํฌ๋ ๊ฒฝ์ฐ
- if (dontShowToday && dontShowToday.checked) {
- setCookie('hideMainPopup', 'true', 1); // 1์ผ๊ฐ ์ฟ ํค ์ ์ฅ
- }
}
}
// ํ์ด์ง ๋ก๋ ์ ์คํ
document.addEventListener('DOMContentLoaded', function() {
- // ์ฟ ํค ํ์ธ
- const hidePopup = getCookie('hideMainPopup');
-
- // ์ฟ ํค๊ฐ ์์ผ๋ฉด ํ์
ํ์ (1์ด ํ)
- if (!hidePopup) {
- setTimeout(showPopup, 1000);
- }
-
- // ๋ซ๊ธฐ ๋ฒํผ ์ด๋ฒคํธ
- const closeBtn = document.getElementById('popupCloseBtn');
- if (closeBtn) {
- closeBtn.addEventListener('click', closePopup);
- }
+ // ํญ์ ํ์
ํ์ (1์ด ํ)
+ setTimeout(showPopup, 1000);
// X ๋ฒํผ ์ด๋ฒคํธ
const closeX = document.getElementById('popupCloseX');
@@ -85,21 +49,12 @@ document.addEventListener('DOMContentLoaded', function() {
}
});
- // CTA ๋ฒํผ ํด๋ฆญ ์ ์ฐ๋ฝ์ฒ ํ์ด์ง๋ก ์ด๋
+ // ์์ธํ ๋ณด๊ธฐ ๋ฒํผ ํด๋ฆญ ์ ํํธ๋ ํ์ด์ง๋ก ์ด๋
const ctaBtn = document.getElementById('popupCtaBtn');
if (ctaBtn) {
ctaBtn.addEventListener('click', function() {
closePopup();
- window.location.href = '/contact';
- });
- }
-
- // ์๋น์ค ๋ฒํผ ํด๋ฆญ ์ ์๋น์ค ํ์ด์ง๋ก ์ด๋
- const serviceBtn = document.getElementById('popupServiceBtn');
- if (serviceBtn) {
- serviceBtn.addEventListener('click', function() {
- closePopup();
- window.location.href = '/services';
+ window.location.href = '/partner';
});
}
});
diff --git a/partner.html b/partner.html
new file mode 100644
index 0000000..b895302
--- /dev/null
+++ b/partner.html
@@ -0,0 +1,389 @@
+
+
+
+
+
+
+
+
- 1
+
+
๋ชจ์ ์บก์ณ ์คํ๋์ค ๋ฌด๋ฃ ์ฌ์ฉ!
+์ 2ํ ์ด์์ ๋ชจ์ ์บก์ณ ๋ฐฉ์ก ์ง์
+
- 200,000์/์๊ฐ
- 160,000์/์๊ฐ
+
-
-
+
- 2
+
+
๋ฐ๊ธ์ ์ ๊ธฐ์ ์ ๊ฐ์ฅ ๋จผ์ ์ฒดํํ ๊ธฐํ!
+ํ์ API ๋ฐ ๊ฐ์ข ํจ๊ณผ / ๋ฐฐ๊ฒฝ ํจ๊ณผ ์ ๊ณต
+VAT ๋ณ๋
-
-
-
-
- ์คํธ๋ฆฌ๋ฐ๊ธ ์๋น์ค
- 20% ํ ์ธ
+
+
- 3
+
+
๋ฏธ๋์ฝ์ํธ ์ ์ ์ง์ (1ํ)
+๋ฏธ๋์ฝ์ํธ์ ํ์ํ ์ ์ ์ง์
+
- 2,000,000์
- 1,600,000์
+
+
- 4
+
+
๊ธฐํ ์ฝํ ์ธ ์ ์ ๋ฐ ๋ฐ์ถ์ผ ์๋ฐํ ์๋ฌธ
+๊ฐ์ข ๊ธฐ์ ์ /๊ธฐํ์ ์ด๋ ค์์ด ์์ ๊ฒฝ์ฐ ์๋ฌธ ์ ๊ณต
+1~4์ธ ์ฌ์ฉ / 8์๊ฐ ํจํค์ง / VAT ๋ณ๋
-
-
- โป ๋ฎค์ง๋น๋์ค ์ ์ ์๋น์ค๋ ํ ์ธ์ด ๋ฏธ์ ์ฉ ๋ฉ๋๋ค
-
-
-
- ์ด๋ฒคํธ ๊ธฐ๊ฐ
- ~ 2025๋
2์ ๋ง
-
-
+ ์์ฝ ๋ฌธ์
- help@minglestudio.co.kr
- โป ์์ธํ ๋ด์ฉ์ ํํธ๋ ํ์ด์ง์์ ํ์ธํ์ค ์ ์์ต๋๋ค
+
+
+
+ + ํํธ๋ ์คํธ๋ฆฌ๋จธ ๋ชจ์ง +
++ ๋ฐ๊ธ ์คํ๋์ค์ ํจ๊ป ์ฑ์ฅํ ๋ฒํ๋ฒ ์คํธ๋ฆฌ๋จธ๋ฅผ ์ฐพ์ต๋๋ค +
+
+
+
+
+
+ ํํธ๋ ์คํธ๋ฆฌ๋จธ ์ง์ ์กฐ๊ฑด
+
+
+
+
+
+
+
+ 1
+
+
+ ์ฑ์ธ ์ฌ์ฑ๋ถ
+๋ง 19์ธ ์ด์์ ์ฌ์ฑ ํฌ๋ฆฌ์์ดํฐ
+
+
+
+ 2
+
+
+ ๋ฒํ๋ฒ๋ก ๋ฐฉ์ก์ ์งํํ์๋ ๋ถ
+ํ๋ ํ๋ซํผ ๋ฌด๊ด (์ ํ๋ธ, ํธ์์น, ์ํ๋ฆฌ์นดTV, SOOP ๋ฑ)
+
+
+ 3
+
+
+ MCN ๋๋ ๊ธฐ์ ์์ ๋ฌด๊ด
+์์์ด ์์ด๋ ์ง์ ๊ฐ๋ฅํฉ๋๋ค (๋จ, ์ฌ์ ๋ ผ์ ํ์)
+
+
+
+
+
+ ํํธ๋ ์คํธ๋ฆฌ๋จธ์๊ฒ ๋ฐ๋ผ๋ ๊ฒ
+
+
+
+
+
+
+
+ 1
+
+
+ ๋ฐ๊ธ์คํ๋์ค์ ํ๋ณด๋์ฌ
+๋๋ค๋ฐฉ๋ค ๋ฐ๊ธ๋ฐ๊ธ ์๋ฌธ๋ด์ฃผ์ค ๋ถ!
+
+
+
+ 2
+
+
+ ์คํ๋์ค๋ฅผ ์์ฃผ ์ด์ฉํ์ค ์ ์์ผ์ ๋ถ
+๊ฐ๋งํ ์์ด๋ ์๋๋ฃ๋ ๋๊ฐ๋๊น
+
+
+ 3
+
+
+ ๊ธฐํ ๋ฅ๋ ฅ์ด ์ข์ผ์ ๋ถ
+์์์ผ๋ก๋ง ๋จ์ผ๋ฉด ์๊น์์์
+
+
+
+
+
+ ํํธ๋ ์คํธ๋ฆฌ๋จธ์ ํํ
+
+
+
+
+
+
+
+ 1
+
+
+ ๋ชจ์ ์บก์ณ ์คํ๋์ค ๋ฌด๋ฃ ์ฌ์ฉ!
+์ 2ํ ์ด์์ ๋ชจ์ ์บก์ณ ๋ฐฉ์ก ์ง์
+
+
+
+ 2
+
+
+ ๋ฐ๊ธ์ ์ ๊ธฐ์ ์ ๊ฐ์ฅ ๋จผ์ ์ฒดํํ ๊ธฐํ!
+ํ์ API ๋ฐ ๊ฐ์ข ํ๊ณผ / ๋ฐฐ๊ฒฝ ํ๊ณผ ์ ๊ณต
+
+
+
+ 3
+
+
+ ๋ฏธ๋์ฝ์ํธ ์ ์ ์ง์ (1ํ)
+๋ฏธ๋์ฝ์ํธ์ ํ์ํ ์ ์ ์ง์
+
+
+ 4
+
+
+ ๊ธฐํ ์ฝํ ์ธ ์ ์ ๋ฐ ๋ฒ์ถ์ผ ์๋ฐํ ์๋ฌธ
+๊ฐ์ข ๊ธฐ์ ์ /๊ธฐํ์ ์ด๋ ค์์ด ์์ ๊ฒฝ์ฐ ์๋ฌธ ์ ๊ณต
+
+
+
+
+
+ ์ ๋ฐ ๋ก๋๋งต
+
+
+
+
+
+ 1
+
+
+ ์ง์์ ๋ชจ์ง
+2026.01.10 ~ 2026.01.24
+์ง์์ ์์์ ๋ง์ถฐ ์ด๋ฉ์ผ๋ก ์ ์ถ
+โ
+
+
+
+
+ 2
+
+
+ ์ง์์ ๊ฒํ
+2026.01.25 ~ 2026.01.31
+์ ์ถ๋ ์ง์์ ๊ฒํ ๋ฐ ์ฌ์ฌ
+โ
+
+
+
+
+ 3
+
+
+ ๋ฐํ
+2026.02.01
+๊ฐ๋ณ ์ฐ๋ฝ์ ํตํ ํฉ๊ฒฉ์ ๋ฐํ
+โ
+
+
+
+ 4
+
+
+ ํ๋๊ธฐ๊ฐ
+2026.02.01 ~ 2026.12.31
+ํํธ๋ ์คํธ๋ฆฌ๋จธ ํ๋ ์์
(์ฐ์ฅ ๊ฐ๋ฅ)
+
+
+
+
+ ์ง์ ๋ฐฉ๋ฒ
+์๋ ์์์ ๋ง์ถฐ ์ด๋ฉ์ผ๋ก ์ง์์๋ฅผ ๋ณด๋ด์ฃผ์ธ์
+
+
+
+
+
+
+
+
+ ์ง์์ ์ ์ถ ์ด๋ฉ์ผ
+ minglestudio@minglestudio.co.kr +์ด๋ฉ์ผ ์ฃผ์๋ฅผ ํด๋ฆญํ๋ฉด ๋ณต์ฌ๋ฉ๋๋ค
+
+
+
+
+
+
+
+ ๐ ๋ฐ๊ธ์คํ๋์ค ํํธ๋ ์คํธ๋ฆฌ๋จธ ์ง์์ ์์
+
+
+
+
+
+
+
+ [ ๊ธฐ๋ณธ ์ ๋ณด ]
+
+
+
+ 1. ํ์ฌ ๋ฐ๋ทํ์ฌ ํ๋ํ๊ณ ๊ณ์ ๊ฐ์?
+๋ต๋ณ: (์ / ์๋์ค)
+
+
+
+ 2. ํ๋ํ๊ณ ๊ณ์๋ค๋ฉด, ํ๋๋ช ์ ๋ฌด์์ธ๊ฐ์?
+๋ต๋ณ:
+
+
+
+ 3. ์ด๋ค ๋ฐฉ์ก ํ๋ซํผ์์ ๋ฐฉ์ก์ ํ๊ณ ๊ณ์ ๊ฐ์?
+๋ต๋ณ: (์: ์ ํ๋ธ, ํธ์์น, ์ํ๋ฆฌ์นดTV, SOOP ๋ฑ)
+
+
+ 4. MCN ๋๋ ๊ธฐ์ ์์์ด์ ๊ฐ์?
+๋ต๋ณ: (์ / ์๋์ค)
+โป ์์๋ ๊ฒฝ์ฐ, ์์ ํ์ฌ๋ช ์ ํจ๊ป ๊ธฐ์ฌํด์ฃผ์ธ์
+
+
+
+ [ ์ง์ ๋๊ธฐ ๋ฐ ๊ณํ ]
+
+
+
+ 5. ์ง์ํ๊ฒ ๋ ๊ณ๊ธฐ๊ฐ ๋ฌด์์ธ๊ฐ์?
+๋ต๋ณ:
+
+
+ 6. ํํธ๋ ์คํธ๋ฆฌ๋จธ๊ฐ ๋๋ค๋ฉด ์ด๋ค ์ฝํ ์ธ ๋ฅผ ์งํํด๋ณด๊ณ ์ถ์ผ์ ๊ฐ์?
+๋ต๋ณ:
+
+
+
+ [ ๊ฒฝํ ๋ฐ ํ๊ฒฝ ]
+
+
+
+ 7. ๋ชจ์ ์บก์ฒ๋ฅผ ๊ฒฝํํด๋ณด์ ์ ์ด ์์ผ์ ๊ฐ์?
+๋ต๋ณ: (์ / ์๋์ค)
+
+
+
+ 8. ์คํ๋์ค ๋ฐฉ๋ฌธ์ ์ด๋ ค์์ด ์์ผ์ ๊ฐ์?
+โป ์คํ๋์ค๋ ์ธ์ฒ๊ด์ญ์ ๋ถํ๊ตฌ์ ์์นํ๊ณ ์์ต๋๋ค
+๋ต๋ณ: (์ด๋ ค์ ์์ / ๋ค์ ์ด๋ ต์ง๋ง ๊ฐ๋ฅ / ์ด๋ ค์ ์์)
+
+
+ 9. ๋ณธ์ธ๋ง์ ํน๊ธฐ๊ฐ ์๋ค๋ฉด?
+๋ต๋ณ: (๋ฐฉ์ก์ด๋ ์ ํ๋ธ ์์ ๋งํฌ ์ฒจ๋ถ๋ก ๋์ฒด ๊ฐ๋ฅ)
+
+
+ [ ์ฐ๋ฝ์ฒ ์ ๋ณด ]
+
+
+ โข ์ด๋ฆ:
+
+
+ โข ์ด๋ฉ์ผ:
+
+
+ โข ๋์ค์ฝ๋ ์์ด๋:
+
+
+
+
+
+
+ ๐ ์ง์ ์ ์ ์์ฌํญ
+-
+
- ์ "์์ ๋ณต์ฌํ๊ธฐ" ๋ฒํผ์ผ๋ก ์์์ ๋ณต์ฌํ ํ ๋ต๋ณ์ ์์ฑํ์ฌ minglestudio@minglestudio.co.kr๋ก ๋ณด๋ด์ฃผ์ธ์ +
- ์ด๋ฉ์ผ ์ ๋ชฉ์ "[ํํธ๋ ์คํธ๋ฆฌ๋จธ ์ง์] ํ๋๋ช " ํ์์ผ๋ก ์์ฑํด์ฃผ์ธ์ +
- ์ง์์ ๊ฒํ ํ ๊ฐ๋ณ ์ฐ๋ฝ ๋๋ฆฝ๋๋ค +
- ํฌํธํด๋ฆฌ์ค๋ ๋ฐฉ์ก ์์์ด ์๋ค๋ฉด ํจ๊ป ์ฒจ๋ถํด์ฃผ์๋ฉด ์ข์ต๋๋ค +
+
+ ๊ถ๊ธํ ์ ์ด ์์ผ์ ๊ฐ์?
++ ํํธ๋ ์คํธ๋ฆฌ๋จธ ๋ชจ์ง์ ๋ํ ๋ฌธ์์ฌํญ์ ์ธ์ ๋ ์ฐ๋ฝ์ฃผ์ธ์ +
+
+ ๐ง minglestudio@minglestudio.co.kr
+ ๐ 010-9288-9190
+
+