Promise를 사용한 게시판 기능 개발

13 Sep 2023

Promise

소개

본 포스트에서는 JavaScript의 Promise를 이용하여 게시판 기능을 개발하는 방법에 대해 알아보겠습니다. Promise는 비동기 작업의 결과를 처리하는 우아한 방법을 제공하며, 코드의 가독성을 높이고 에러 처리를 간편하게 해줍니다. 게시판은 사용자가 글을 작성하고 조회할 수 있는 기능을 포함하므로 비동기 작업이 필요한 대표적인 예시입니다.

게시판 기능 개발 단계

데이터베이스 연결
글 작성 기능 개발
글 목록 조회 기능 개발
글 상세 조회 기능 개발
에러 처리

코드 예시

1. 데이터베이스 연결

const connectDB = () => {
  return new Promise((resolve, reject) => {
    // 데이터베이스 연결 작업 수행
    // 성공적으로 연결되면 resolve 호출, 실패하면 reject 호출
  });
};

2. 글 작성 기능 개발

const createPost = (data) => {
  return new Promise((resolve, reject) => {
    // 게시글 작성 작업 수행
    // 성공적으로 작성되면 resolve 호출, 실패하면 reject 호출
  });
};

3. 글 목록 조회 기능 개발

const getPosts = () => {
  return new Promise((resolve, reject) => {
    // 게시글 목록 조회 작업 수행
    // 성공적으로 조회되면 resolve 호출, 실패하면 reject 호출
  });
};

4. 글 상세 조회 기능 개발

const getPostById = (id) => {
  return new Promise((resolve, reject) => {
    // id에 해당하는 게시글 상세 조회 작업 수행
    // 성공적으로 조회되면 resolve 호출, 실패하면 reject 호출
  });
};

5. 에러 처리

connectDB()
  .then(() => {
    return createPost(data);
  })
  .then((post) => {
    console.log('글 작성 완료:', post);
    return getPosts();
  })
  .then((posts) => {
    console.log('글 목록 조회 결과:', posts);
    return getPostById(id);
  })
  .then((post) => {
    console.log('글 상세 조회 결과:', post);
  })
  .catch((error) => {
    console.error('에러 발생:', error);
  });

결론

Promise를 사용하여 게시판 기능을 개발하면 비동기 작업을 더욱 효율적이고 견고하게 처리할 수 있습니다. 에러 처리도 간편해지므로 개발자 입장에서도 유지보수가 용이해집니다. Promise를 이용하여 비동기 작업을 처리하는 게시판 기능을 개발해보세요!