내일배움캠프 6일차 TIL

TMI

오늘은 연휴로 인한 긴 휴식 끝에 시작하는 우리팀에 첫 번째 프로젝트 시작의 날 설레는 마음으로 코딩에 세계에 빠져본다.

TIL(Today I learned)

# 프로젝트 정하기

우리조는 내일배움캠프를 진행하면서 매일하는 출석체크에서 아이디어를 얻어서
출석체크 시간을 기록해 개인 및 팀 공부시간을 효율적으로 관리할 수 있게하는
<삐빅! 출석했습니다> 를 주제로 정했다.
먼저 주요기능들을 정하고

1.체크인/아웃기능
체크인
체크아웃

2.소셜로그인기능
카카오 소셜 로그인

3.명언 랜덤 생성기능

크롤링으로 명언 가져오기
랜덤으로 명언 보여주기

다같이 메인 페이지 디자인을 정했다

그다음 내 역할은 로그인 기능을 구현하는 임무를 받아서 카카오developers 에서 토큰 값을 받아서 페이지 구현해보는 작업을 해보았다 내가 받은 토큰값을 넣어서 로그인 기능을 구현하는 것은 성공했다

<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>

<script type="text/javascript">
Kakao.init('25f19b760cfbf7b3b5f35028d7e6f47ㅇ'); 내토큰
console.log(Kakao.isInitialized());

  Kakao.Auth.createLoginButton({
    container: '#kakao-login-btn',
    success: function(authObj) {
      Kakao.API.request({
        url: '/v2/user/me',
        success: function(result) {
          $('#result').append(result);
          id = result.id
          connected_at = result.connected_at
          kakao_account = result.kakao_account
          $('#result').append(kakao_account);
          resultdiv="<h2>로그인 성공 !!"
          resultdiv += '<h4>id: '+id+'<h4>'
          resultdiv += '<h4>connected_at: '+connected_at+'<h4>'
          email ="";
          gender = "";
          if(typeof kakao_account != 'undefined'){
        	  email = kakao_account.email;
        	  gender = kakao_account.gender;
          }
          resultdiv += '<h4>email: '+email+'<h4>'
          resultdiv += '<h4>gender: '+gender+'<h4>'
          $('#result').append(resultdiv);

        },
        fail: function(error) {
          alert(
            'login success, but failed to request user information: ' +
              JSON.stringify(error)
          )
        },
      })
    },
    fail: function(err) {
      alert('failed to login: ' + JSON.stringify(err))
    },
  })
</script>

이제 더 나아가 메인페이지 디자인과 계정로그인 사소한 것부터 차근차근 해볼 예정이다

Today's error and Solution plan

역시 프로젝트는 구글링과 오류의 반복이다
깃으로 깃허브에 내가 만든 코드들을 저장하는데 dev가 아니라 feature branch 에서 저장해서 해야지 성공적인 코드 공유를 할 수 있었다

그리고 머지는 무조건 코드리뷰가 끝난 후 마지막 제일 높은 사람이 해주는것이 규칙아닌 규칙이다

To-do list

1.카카오 로그인 api 로그아웃 기능 찾아보기
2.메인 페이지 디자인 좀만 신경 써보기