프로젝트9 fire base를 이용한 구글 로그인 (react) firebase 프로젝트 생성하기 기본적으로 firebase 는 구글아이디만 있으면 바로 이용이 가능하다. 그리고 firebase에 들어가서 프로젝트를 생성해줘야 하는데 이름을 설정해주고 쭉쭉 만들어 주면된다. 프로젝트를 만들어 준 후에 보이는 화면이다 웹에서 이용할꺼니까 ! 모양을 클릭해 주면 된다. 웹버튼을 누르면 해당 화면이 나오는데 이것도 그냥 입력하고 진행하면 된다. 진행하면 해당 프로젝트의 !!! API 키 같은게 나온다! 해당 코드를 잘 가지고 나중에 구글 로그인 후 이메일 정보를 받아오는 코드를 작성하고 해당 코드를 복사해주면 된다. 일단 그전에 ! firebase의 Authentication 에 들어가준다. 시작하기를 눌러주면 다음의 화면이 나온다. 해당 화면에서 우리가 이용할 Googl.. 2022. 12. 7. useEffect 를 쓰기 위한 가장 최소한의 조건 mbti 검사 페이지를 만들고 해당 선택지 o 나 x 를 선택하면 해당 정보에 카운팅이 되도록 세팅했었는데 이게 useState가 비동기 식으로 동작해서 랜더링을 각각 해주는게 아니라 한번에 약 16ms 시간 마다 모아서 랜더링 해준다 이를 batch update(일괄 업데이트) 라고 하는데 그래서 그에 대한 useState 를 함수내에서도 제대로 그때그때 반영시켜주기 위해서 useEffect 나 함수형 업데이트를 해주면 된다는데 함수형 업데이트는 일단 잘 적용이 안되었고 그나마 useEffect 가 희망이었는데 계속 적용이 안돼서 속상했었다. 그런데 ! 이게 어떠한 문법상의 오류가 아니라 아래 사진에 보이는 onClickYes1() 에서 OnClickYes 로 바꿔줘야 useEffect 가 사용이 가능.. 2022. 11. 11. react 대체 왜!!! props 값이 전달이 안될까 ??? 쪽지 페이지를 만들었다. 쪽지 리스트 페이지에서 쪽지 세부페이지로 데이터를 넘길 때 db에서 전달된 보낸사람 id , 제목 , 내용 , 시간 등을 세부페이지로 전달해줘야 했다. 그 안에서 다시 db에 요청해서 받아올 수가 없는 이유는 쪽지 list 에서 어떤 쪽지를 선택했는지 그에대한 정보를 세부페이지에선 알수 없기에 어떤 쪽지를 불러와야 할지 모른다. 즉 무조건 쪽지리스트 페이지에서 쪽지 세부페이지로 위의 데이터를 받아와야만 했다. 그런데... props를 통해서 데이터 값을 전달해 주려고 했는데 전달이 안되었다. props 값을 출력하는 콘솔 값에서 계속 undefined 만 반복적으로 찍혔다 내가 또 얕게 공부해서 그 기능을 잘못 이해한거 아닐까 계속 고민하면서 그에 대한 자책과 문제를 해결해서 쪽.. 2022. 11. 8. 프론트 엔드 - 서블릿 - jdbc - db 연결 (기능 적용 하는 과정) 1. 기능을 구현하기 위한 입력받고자 하는 것이나 표현하고자 하는것을 프론트 엔드에 구현 2. 어떤 형식으로 (onclick 할시 or useEffect (화면 킬때)) 등등 데이터 값을 불러오는 과정의 통신을 어떻게 작동시킬 건지 고려해서 작성한다 3. 해당 통신에서 사용하게 될 api 양식을 만들기 4. api 에 원하는 데이터를 보낼때 쓰일 데이터나 데이터 정보를 얻기위한 값들을 보낼 양식 작성 5.도메인 주소값이 백엔드와 동일한지, 그리고 통신api 뒤의 도메인 뒤에 붙은 값이 백엔드의 servlet 의 어노테이션과 같은지 확인 6. 원하는 데이터를 받을 수 있도록 해당 데이터를 받을 수 있도록 Vo 파일에 받으려는 데이터 양식과 getter 와 setter를 만들어 준다. 7. 각 기능별 Ser.. 2022. 11. 8. eclipse 오류 났을때 봐야하는 부분 가장 맨 위의 error 문구 뿐만아니라 중간에 보면 내가 만든 파일명으로 몇번째 줄에 오류가 났는지 알 수 있다. 2022. 11. 3. 완전히 맞는 코드인데 직전에 true까지 나왔는데 대체 왜 안될까??? 전체 멤버 조회하는 코드와 개인 회원 정보를 따로 조회하는 코드를 만들었다 그런데 전체 멤버 조회는 되는데 개인 회원 조회는 잘 안되었다. 처음부터 작동 구간을 따라서 하나씩 체크를 하고 콘솔을 찍고 부분부분 확인을 해도 계속 문제가 해결되지 않으니 .. 내가 아직도 기본적인 작동원리를 이해하지 못하는건가 라는 좌절까지 들었다 ....ㅠㅠㅠㅠ 심지어 while 문 들어가기 직전 rs.next() 값이 true가 나는 것까지 확인 했는데 도대체 뭐가 문제지 !!! 정말 분노와 슬픔이 ... 딱 여기서 문제가 발생했다. rs 를 통해서 나온 문장의 결과 즉 SELECT 문을 조회해온 결과 값을 잘 작동하기 위해 넣은 System.out.println()에 rs.next() 데이터 값으로 소모해버린 것이다. .. 2022. 11. 1. 이전 1 2 다음
