+ 
+ 
+ 
+
+ 
+ 
+작성된 게시글과 댓글은 삭제됩니다.
+ +
+ 프로필 이미지를 선택하세요
+ +
+ 프로필 이미지를 선택하세요
+
+ `;
+ postImageContainer.style.display = 'block';
+ } else if (postImageContainer) {
+ postImageContainer.style.display = 'none';
+ }
+}
+
+/**
+ * 게시글 삭제 처리 함수
+ * @param {string} postId - 삭제할 게시글 ID
+ */
+async function handlePostDelete(postId) {
+ try {
+ // const response = await fetch(`http://localhost:3000/posts/${postId}`, {
+ const response = await fetch(`/api/posts/${postId}`, {
+ method: 'DELETE',
+ });
+
+ if (!response.ok) {
+ throw new Error('게시글 삭제 실패');
+ }
+
+ const result = await response.json();
+ if (result.success) {
+ alert('게시글이 삭제되었습니다.');
+ window.location.href = 'posts.html';
+ }
+ } catch (error) {
+ console.error('게시글 삭제 중 오류:', error);
+ alert('게시글 삭제에 실패했습니다.');
+ }
+}
+
+/**
+ * 댓글 작성 처리 함수
+ * @param {string} postId - 게시글 ID
+ */
+async function submitComment(postId) {
+ const commentTextArea = document.querySelector('.comment-input textarea');
+ const content = commentTextArea?.value.trim();
+ const email = localStorage.getItem('email');
+ const nickname = localStorage.getItem('nickname');
+
+ // 로그인 상태 확인
+ if (!email) {
+ alert('로그인이 필요한 기능입니다.');
+ return;
+ }
+
+ // 댓글 내용 확인
+ if (!content) {
+ alert('댓글 내용을 입력해주세요.');
+ return;
+ }
+
+ try {
+ // const response = await fetch('http://localhost:3000/comments', {
+ const response = await fetch('/api/comments', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ postId,
+ content,
+ author: nickname,
+ author_email: email,
+ }),
+ });
+
+ if (!response.ok) {
+ const errorData = await response.json();
+ throw new Error(errorData.message || '댓글 작성 실패');
+ }
+
+ const data = await response.json();
+
+ if (data.success) {
+ // 입력 필드 초기화
+ commentTextArea.value = '';
+
+ // 새 댓글 표시
+ await displayComment({
+ id: data.comment.id,
+ content: content,
+ author_nickname: nickname,
+ author_email: email,
+ created_at: data.comment.created_at,
+ lastModified: false,
+ });
+
+ // 댓글 수 업데이트
+ const commentsCount = document.getElementById('comments-count');
+ if (commentsCount) {
+ commentsCount.textContent =
+ parseInt(commentsCount.textContent || 0) + 1;
+ }
+ }
+ } catch (error) {
+ console.error('댓글 작성 중 오류:', error);
+ alert(error.message || '댓글 작성에 실패했습니다.');
+ }
+}
+
+/**
+ * 댓글 삭제 처리 함수
+ * @param {string} commentId - 댓글 ID
+ * @returns {Promise안전하지 않습니다 ㅋ
+ + diff --git a/frontend/public/terms/terms.html b/frontend/public/terms/terms.html new file mode 100644 index 0000000..11d9b15 --- /dev/null +++ b/frontend/public/terms/terms.html @@ -0,0 +1,12 @@ + + + + + +욕설과 비방은 삭제합니다
+ + diff --git a/frontend/public/utils/timeUtils.js b/frontend/public/utils/timeUtils.js new file mode 100644 index 0000000..1d9566b --- /dev/null +++ b/frontend/public/utils/timeUtils.js @@ -0,0 +1,15 @@ +export function formatKoreanTime(utcDateString) { + const utcDate = new Date(utcDateString); + const koreanDate = new Date( + utcDate.getTime() - utcDate.getTimezoneOffset() * 60000, + ); + + return new Intl.DateTimeFormat('ko-KR', { + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit', + hour12: false, + }).format(koreanDate); +} \ No newline at end of file diff --git a/frontend/server.js b/frontend/server.js new file mode 100644 index 0000000..4d34ba2 --- /dev/null +++ b/frontend/server.js @@ -0,0 +1,21 @@ +import express from 'express'; +import path from 'path'; +import { fileURLToPath } from 'url'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = path.dirname(__filename); + +const app = express(); +const port = 3001; + +// 정적 파일 제공 +app.use(express.static('public')); + +// 루트 경로(/) 접속시 로그인 페이지로 리다이렉션 +app.get('/', (req, res) => { + res.redirect('/html/login.html'); +}); + +app.listen(port, () => { + console.log(`Frontend server running at port ${port}`); +}); \ No newline at end of file