Gom3rye

Viimpt의 로그인 보안성을 생각해 로그인 기능은 소셜 로그인을 이용해 구현하기로 했다. 1. 구글 서비스에 신규 서비스 생성하기 구글 클라우드 플랫폼 주소(https://console.cloud.google.com)로 이동한 후 '프로젝트 선택' 클릭 > '새 프로젝트' 클릭 등록될 서비스 이름을 입력한다. 그렇게 생성 완료된 프로젝트를 선택하고 왼쪽 메뉴 탭을 클릭해서 API 및 서비스 카테고리로 이동 > '사용자 인증 정보'를 클릭하고 '사용자 인증 정보 만들기' 클릭 사용자 인증 정보의 여러 메뉴 중 OAuth 클라이언트 ID를 클릭한다. 클라이언트 ID가 생성되기 전에 동의 화면 구성이 필요하므로 '동의 화면 구성' 버튼 클릭 만들기 클릭 후 앱 정보를 등록한다. 앱 이름은 구글 로그인 시 사..

부트스트랩 사용 방법 npm install react-bootstrap bootstrap 터미널에 위 명령어 입력 후 위 코드를 public > index.html 상단에 넣어준다. ( 아래) import 'bootstrap/dist/css/bootstrap.min.css'; 그 후 index.js 에 위 코드를 넣어준다. 적용 Border를 넣어주고 싶다! -> 처럼 className을 추가해준다. (rounded-circle을 넣을지 다른 것을 넣을지는 https://getbootstrap.com/docs/5.2/utilities/borders/#border 여기서 찾아주면 된다.) 부트스트랩을 이용해서 버튼 넣어주기 import Button from 'react-bootstrap/Button'; 버..

랜덤하게 숫자를 때려 맞추는 것 = 논스를 맞춘다 = 채굴 -> 좋은 gpu 사용하는 게 더 채굴에 성공할 가능성이 높다. PoW : 전기를 굉장히 많이 사용한다. -> PoS로 많이 하려고 한다. PoS >> PoW에서의 채굴자가 Validator의 역할을 한다. 보통은 PoS를 많이 사용하고 있다. Layer1 : 기반이 되는 체인 Ex) bitcoin, ethereum Layer2 : Layer1 블록에 얹어서 더 확장성을 일깨우게 하는 블록체인 비트코인 vs 이더리움 비트코인 : 단순히 그냥 은행이다. A -> B에게 송금하는 역할만 할 수 있다. 이더리움 : smart contract를 이용해 더 자세하고 복잡한 거래 가능 본래 네트워크에서 가지고 있는 것이 코인 토큰 : NFT를 만들 때 사용..

서버, 스토리지 등 cloud computing 모두 가능 Problem of On-Premise over provision - waste of resources under provision - can't service gameplay, dissatisfied customers leave difficult to dimension (load can vary) maintatin : expensive needs to invest a lot of money in hw needs expertise needs maintenance Scaling up is difficult. - Need to order new servers, install them, and integrate with existing clusters..

login 후 user db에 잘 저장되었나 확인하는 방법 http://localhost:8080/h2-console 에 들어가서 user 을 클릭해보자. 로그인된 사용자의 권한이 guest라면 posts 기능을 쓸 수 없다. (403 권한 거부 에러 발생하는 것을 볼 수 있음) -> h2-console로 가서 사용자의 role을 USER로 변경하자. (update user set role = 'USER'; 명령어 입력) 나쁜 코드란? -> 같은 코드가 반복되는 코드 cuz 유지보수성이 떨어짐 IndexController에서 세션값을 가져오는 부분인 SessionUser user = (SessionUser) httpSession.getAttribute("user"); 이 부분을 메소드 인자로 세션값을 바..

버튼 클릭 후 마우스를 버튼 밖으로 내보내면 시간이 사라지는 이벤트 작성 What's the time? - 주로 onClick과 EventListener을 통해 이벤트 구현 리액트로 이벤트 핸들링하기 - 버튼을 클릭할 때마다 글자색이 변하게 하려면 글자색을 관리하는 state 값이 있어야 한다. - 버튼을 클릭했을 때 색깔을 통해 그 변수값을 변경해주면 글자의 색깔이 바뀌겠다. -> 색깔을 props로 넘겨주자. - 위의 코드를 보면 굉장히 겹치는 게 많다 -> button 이라는 컴포넌트를 따로 빼줘서 작성해보자! button 컴포넌트 빼서 만든 핸들링 -> 하지만 이 코드는 실행되지 않음. Cuz setTextColor함수가 선언된 위치보다 더 위에서 사용되기 때문! Solution - onClick..