Project 1- 0일 차: 월요일 + 추후 시작 전 예습 할 것 + 참고할 거

프로젝트 관련 

Project 1 - [백엔드] 업무 이해

Project 1 - 월요일 가서 할 일 <To do list>

---

00. 피그마 --> frontended (백엔드의 경우엔, 설명/텍스트만 확인하면 됨) 

0.  [백] 프로젝트 초기 세팅

- db mate설치 

-  dbmate up 명령어

dbmate 설치 / 사용 하기

DBmate, MySQL

- Health Check 

Node.js 내 Health Check 설정 방법

 

- ping-pong

Node JS로 Ping - Pong 구현하기

-pull_request_template.md 상세하게 작성

- package.json ”script” 상 세부내역 수정

- .env 실제 런서버 구동이 올바르게 이루어지는 환경변수 작성

- 상기 .env 파일에 기반한 .env.sample 파일 작성

- app.js 파일 생성 및 내부에 필요 코드(패키지 require 문, Health Check 문 등) 작성

---

1. erd 모델링 

- 그려보기 

- 화살표 알기, 관계

DB ERD 모델링

모델링 (Richard Barker)

---

[프로젝트 -> DB diagram best practice]

DB diagram best practice/ 올려준 예시

---

게시물 CRUD 좋아요 기능 등 (아직 진도 안 나간 부분 참고자료과제  ) 

[Westagram 만들기] 혼자 계속 공부하며 추가할 부분 **

 

[기능 구현]

1. 회원가입 

(필수)email, password, nickname

회원가입 절차 코드 

app.post("/users", async (req, res) => {

try {

const me = req.body;

console.log(me);

const { password, email, nickname } = me;

 

// 예외처리 email, password가 다 입력되지 않은 경우

if (email === undefined || password === undefined) {

const error = new Error("KEY_ERROR");

error.statusCode = 400;

throw error;

}

 

// 예외처리 이메일이 중복되어 이미 가입한 경우

const existingUser = await myDataSource.query(`

SELECT id, email FROM users WHERE email='${email}';

`);

console.log("existing user:", existingUser);

 

if (existingUser.length > 0) {

const error = new Error("DUPLICATED_EMAIL_ADDRESS");

error.statusCode = 400;

throw error;

}

 

// 이메일에 . 과 @ 필수포함

// 정규식

const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;

 

if ( ! emailRegex.test(email) ) {

const error = new Error("INVALID_EMAIL_FORMAT");

error.statusCode = 400;

throw error;

}

 

// 비밀번호가 10자리 미만일 때

if (password.length < 10) {

const error = new Error("PASSWORD_Too_Short");

error.statusCode = 400;

throw error;

}

 

//instert로 회원정보를 DB에 저장해라 (백엔드에는 저장되어 있음)

const userData = await myDataSource.query(`

INSERT INTO users (nickname,password,email)

VALUES ('${nickname}', '${password}', '${email}')

`);

 

//DB 저장 여부 확인

console.log("after insert into", userData);

// 회원가입 성공 // 성공 메세지를 프론트에게 보내라

return res.status(201).json({

message: "userCreated", 

});

} catch (error) {

console.log(error);

return res.status(error.statusCode).json({

message: error.message,

});

}

});

 

# 회원가입 mock data

**요청**
method: "POST"
body : JSON.stringify({
	email: "",
	password: "",
	nickname: ""
})

**응답**

예외처리

• email에는. 과 @ 이 필수 포함 / 정규식 참고    https://pm-developer-justdoit.tistory.com/79
• 비밀번호는 10자리 이상 필요

# 회원가입 (추가 구현 사항) phoneNumber, birthday(YYYY-MM-DD), profileImage

**요청**
method:"POST"
body : JSON.stringify({
	email:"",
	password:"",
	nickname:"",
	phoneNumber:"",
	birthday:"YYYY-MM-DD",
	profileImage:""
})

**응답**

---

2. 로그인 토큰 발급 

(필수)  email, password

const jwt = require("jsonwebtoken");

 

 

 

 

app.post("/login", async (req, res) => {

try {

const email = req.body.email;

const password = req.body.password;

 

// 1. key error 

if (email === undefined || password === undefined) {

const error = new Error("KEY_ERROR");

error.statusCode = 400;

throw error;

}

 

// 2. email 확인 (데이터베이스 email 에 지금 친 email 과 같은 게 있는지) 

const existingUser = await myDataSource.query(`

SELECT id, email, password FROM users WHERE email='${email}';

`);

 

//console.log("existing user:", existingUser);

 

// existingUser 객체에 아무것도 없으면, 같은 이메일이 없다는 것이니 에러 메세지 (if, 중복 없을 떄)

if (existingUser.length === 0) {

const error = new Error("DUPLICATED_EMAIL_ADDRESS");

error.statusCode = 400;

throw error;

}

 

// 3. 패스워드 확인

console.log(password);

// 지금 친 패스워드와, 데이터베이스에서 가져온 existingUser객체에서 찍은 password 가 같지 않으면, 에러 

if (password !== existingUser[0].password) {

 

근데 저게 왜 0번째인지 모르겠지만

const error = new Error("INVALID_PASSWORD");

error.statusCode = 400;

throw error;

}

 

 

// token 만들기 (데이터베이스 id 담아서)

const token = jwt.sign({ id: existingUser[0].id }, "rekey");

return res.status(200).json({

message: "LOGIN_SUCCESS",

accessToken: token,});

} catch (error) {console.log(error);}

});

#로그인 mock data

**요청** 
method: "POST"
body: JSON.stringify({
	email: "",
	password: ""
})

**응답**
data : { accessToken: "JWT토큰" }

---

[게시물 Posts]

아래 링크 참고 [게시물 CRUD, like, 전체 조회, 유저 조회]

[Westagram 만들기] 혼자 계속 공부하며 추가할 부분 **

3. 게시글 목록 조회 

• data (필수) nickname, content, createdAt, updatedAt
• 요구사항: 다른 사람들이 남긴 쓰레드들을 최신순으로 조회 --> 목록 조회 후, 그 객체/배열 정렬 문법 사용 

• 예외처리 : 아무런 데이터가 없을 경우, 빈 배열을 반환

--> 최신 순 listing 

app.get('/postings/recent', async (req, res) => {
  try {
    // Fetch all postings from the database and order them by creation date in descending order (most recent first)
    const recentPostings = await postingRepository.find({
      order: { createdAt: 'DESC' }, // Assuming 'createdAt' is the name of the column storing the creation date
    });

    res.status(200).json(recentPostings);
  } catch (error) {
    console.error('Error fetching recent postings:', error);
    res.status(500).json({ error: 'Internal Server Error' });
  }
});

---

#post list (mock data)

**요청**
method:"GET"
headers:{
  "Content-Type": `application/json`
}

**응답** 
{
  data:[
    {
      postId : 1,
			nickname:"wecode",
      profileImage : "<https://~~~~~>",
      content : "일라이자 효과는 인간의 사고 과정과 감정을....",
      createdAt : "2023-08-16T~~~~"
    }
  ]
}

#3-1 post list (추가 구현 사항)

(선택) nickname, isMyPost, isLiked, likeCount, comments -->뭐지?

**요청**
method:"GET"
headers:{
  "Content-Type": `application/json`
	authorization:"토큰"
}

**응답**
{
  data:[
    {
      postId : 1,
      nicknamee : "wecode",
      profileImage : "<https://~~~~~>",
      isMyPost : false,
      content : "일라이자 효과는 인간의 사고 과정과 감정을....",
      isLiked : true,
      likeCount : 9,
      comments:[
        {
          commentId : 1,
          nickname : "lee",
          comment : "좋은 말씀이십니다.",
          isMyReply : true,
          createdAt : "2023-08-16T~~~~"
        }
      ],
      createdAt : "2023-08-16T~~~~"
    }
  ]
},

---

4. 포스팅

• Data- (필수) nickname, content, createdAt  (선택) updatedAt

예외처리

• 로그인 하지 않은 사용자는 쓰레드 글을 남길 수 없습니다. --> 게시글 포스팅 api에서 로그인 토큰/ 회원 권한 부여 
• content는 한 글자 이상/ 그렇지 않을 경우, CONTENT_TOO_SHORT 에러

--> 로그인한 사람만 글 쓸 수 있게

1. User Authentication: Implement user authentication using a library like Passport.js or a custom authentication middleware. This typically involves creating user accounts, handling user logins, and generating and validating session tokens or JSON Web Tokens (JWTs).
2. Middleware for Authentication: Create a middleware function that checks whether a user is authenticated before allowing them to create a posting. This middleware should be applied to the routes where you want to restrict access to authenticated users.
   javascriptCopy code

   const passport = require('passport'); // Middleware to check if a user is authenticated function ensureAuthenticated(req, res, next) { passport.authenticate('jwt', { session: false }, (err, user) => { if (err || !user) { return res.status(401).json({ error: 'Unauthorized' }); } req.user = user; return next(); })(req, res, next); } // Apply the middleware to your route app.post('/create-posting', ensureAuthenticated, async (req, res) => { // Only authenticated users can access this route const { title, content } = req.body; // Your posting creation logic here... });
   In this example, the ensureAuthenticated middleware checks for a valid JWT token in the request header and ensures that the user is authenticated. If the user is not authenticated, it returns a 401 (Unauthorized) response.
3. Here's an example of a simple authentication middleware using Passport.js and JWTs:
4. User Registration and Login: Provide a mechanism for users to register accounts and log in. Upon successful login, issue a JWT or set a session to identify the authenticated user.
5. For example, in a registration route, you might create a new user record in your database, and in a login route, you can validate the user's credentials and issue a JWT token.
6. Protect Routes: Use the ensureAuthenticated middleware on routes where you want to restrict access to authenticated users. In your case, you applied it to the /create-posting route to ensure that only logged-in users can create postings.
7. Logout: Implement a logout mechanism if needed, which typically involves destroying the user's session or invalidating their JWT token.

By following these steps and implementing user authentication and authorization, you can ensure that only authenticated users can create postings in your application. Users who are not logged in will receive a 401 response when trying to access the /create-posting route.

 

--> title, content 한 글자 이상

app.post('/create-posting', async (req, res) => {
  const { title, content } = req.body;

  // Check if the title and content contain at least one letter
  if ( ! /[a-zA-Z]/.test(title)  ||  ! /[a-zA-Z]/.test(content)) {
    return res.status(400).json({ error: 'Title and content must contain at least one letter' });
  }

  try {
    // Attempt to create a new posting
    const newPosting = postingRepository.create({
      title,
      content,
    });

    await postingRepository.save(newPosting);

    res.status(201).json({ message: 'Posting created successfully' });
  } catch (error) {
    console.error('Error creating posting:', error);
    res.status(500).json({ error: 'Internal Server Error' });
  }
});

---

 create post / 생성

**요청**
method:"POST"
headers : {
	"Content-Type": "application/json",
  authorization:"토큰"
}
body : JSON.stringify({
  content:"유저가 작성 한 글"
})

**응답**

---

---

[Timeline]

월 - 프로젝트 초기세팅 완료 / erd 모델링 완료 / 회원가입,로그인, 게시글 시작

화 - 회원가입 /로그인 /게시글-목록 확인 / 게시글- 포스팅 

수 - 회원가입, 로그인, 게시글-목록, 게시글-포스팅 완료 / 게시글-포스팅 수정/ 게시글- 포스팅 삭제 

목 - 프론트와 서버 통신(1순위)/ (선택) 게시글 수정, 좋아요, 댓글

 

#5 update post

**요청**
method:"PUT"
headers:{
	"Content-Type": "application/json",
  authorization:"토큰"
}
body: JSON.stringify({
  content:"수정한 게시글의 내용"
})

**응답**

#6 delete post

**요청**
method:"DELETE"
headers:{
	"Content-Type": "application/json",
  authorization:"토큰"
}
body:JSON.stringify({
  postId: 1
})

**응답**

 

#7 post like 좋아요 

**요청**
method:"POST"
headers:{
	"Content-Type": "application/json",
  authorization:"토큰"
}
body:JSON.stringify({
  postId: 1
})

**응답**

#8 create comment 댓글 

**요청**
method:"POST"
headers:{
	"Content-Type": "application/json",
  authorization:"토큰"
}
body:JSON.stringify({
  postId: 1,
	comment:"사용자가 입력한 댓글 내용"
})

**응답**

---

VS code live share을 이용한 API 통신

- 상대 컴퓨터가 윈도우? 일 때 통신하는 컴퓨터 모두 다운 받아야 한다고

VS code live share extension을 사용하여 다른 컴퓨터에서 구동되고 있는 API를 호출

 

설치 가이드 

https://www.notion.so/wecode/1-VS-Code-Live-Share-Guide-59a505ea7fd74df390f07cc562bcb231 

 

🚩 우리 팀원의 서버에 접속하여 내가 원하는 메세지를 남기며 회원가입 진행

1. 포스트맨 -> localhost:8000 에 회원가입 요청, 팀원의 서버에 가입
2. 포스트맨 ->  동일한 서버에 로그인 요청, 팀원의 서버로부터 토큰을 받습니다.
3. [선택, 심화 과제] (프론트에 회원가입 리액트 코드가 완료된 팀원이 있다면), 리액트 코드와 연동하여 회원가입/로그인을 완성