[Project 나만의 무기] - 회고 02.10 목 D-30

novxerim·2022년 2월 11일

SW-Jungle

목록 보기

51/59

📖 02.10 목요일

1. 공부 진행 상황

데모때 중요한 것은 로그인부터 차근차근~ 보다는 팀 프로젝트의 핵심 기능을 소개하는 것이라 판단되어 백팀 진행 순서를 최대한 빨리 핵심 기능 먼저 보이게 하는 쪽으로 수정했다.
- 구글로그인 구현 → 서버 열고 DB 연동 → 방들과 연동 순으로 진행
google.js 전체 코드 이해하기!
- 쿼리 작성법, mysql DB에 연동하는 코드, 콜백 쓰는 방법
- 세션을 저장하는 함수. passport.serializeUser
```
[(Node.js) Serialize 와 Deserialize 로그인 정보 저장](https://heewon26.tistory.com/51)
```
라스트 오늘 할 일
- S3내 맵 이미지 업로드 (민수)
- DB 설계 및 입력 : S3 맵 파일 주소
- 브라우저 이미지 요청시 불러오는거까지 확인
Algorithm 내일은 꼭 풀자 !!!!

2. 기술적 고민

팀 Git 버전 관리
- 한 명이 초기 환경 세팅(npm설치 등) 후 push, pull로 설정 완료
- 이후 npm설치 시 -s, —-save 꼭 하고, 타인은 npm install 로 받아오면 됨.
  새로운 모듈 설치시 서로 말 해주기
DB를 여럿이서 관리하려면 깃 연동을 어떤 식으로 해야하지?
- 워크벤치에서 아이디 같이 쓰면 된다고 함.
- ec2 열고 → 워크벤치에서 해당 ip주소 적고 접속
구글 로그인 연동해서 들어온 정보들 중에 있는 email주소 + 다음 페이지에서 제출되는 닉네임을 우리 DB에 연결해와서 저장하려면?
- 이메일 : 쿼리문을 작성해서 구글 정보에서 바로 테이블로 보낸다.
  보낼 때 if문+SELECT로 먼저 이메일이 DB에 들어있는지 확인한 후, 들어있으면 에러, 길이가 0이면(이메일 들어온게 없으면) → 세션id와 이메일 주소를 DB에 올린다.
- 세션id를 같이 올리는 이유 : 로그인에 성공하면 세션테이블에 세션id가 저장되는데, 이걸로 닉네임 입력 페이지에서 입력되는 닉네임이 누가 입력한 닉네임인지 비교해서 해당 유저의 닉네임으로 유저DB에 올리기 위함.
  - 쿼리문 참고1

            passport.use(
                new GoogleStrategy(
                    {
                        clientID: GOOGLE_CLIENT_ID,
                        clientSecret: GOOGLE_CLIENT_SECRET,
                        callbackURL: "http://localhost:3000/auth/google/callback",
                        passReqToCallback: true,
                    },
                    function (request, accessToken, refreshToken, profile, done) {
                        db.query('SELECT * FROM aim_user_info WHERE email=?', [profile.email], function(error, result){
                            if (error) {
                                throw error;
                            }
                            
                            if (result.length === 0) {
                                db.query('INSERT INTO aim_user_info (session_id, email) VALUES(?,?)', [request.session.passport.user, profile.email], function(error2, result){
                                    if (error2) {
                                        throw error2;
                                    }
                                });
                            }
                        });
            
                        // console.log(profile);
                        // console.log(accessToken);
            
                        return done(null, profile);
                    }
                )
            );

쿼리문 참고2

            app.post('/sendNickname', (req, res) => {
                let post = req.body;
                let session_id = req.session.passport.user;
                db.query('UPDATE aim_user_info SET nickname=? WHERE session_id=?', [post.nickname, session_id], function(error, result){
                    if (error) {
                        throw error;
                    }
                });
            
                // console.log('Got body:', req.body);
                res.sendStatus(200);
            });