Vector3x, y, z 좌표를 사용하여 3차원 공간에서 점 또는 방향을 나타냄기본값은 (0, 0, 0)백터 정규화벡터의 크기를 1로 만드는 과정.normalize()점곱(.dot)두 벡터 간의 스칼라 값을 계산하는 연산주로 벡터 간의 각도를 구하거나 두 벡터가 이루는 각도를 판단하는 데 사용외적(.cross)두 벡터 간의 새로운 벡터를 계산하는 연산이 벡터는 원래 두 벡터에 모두 수직이며, 주로 평면의 법선 벡터를 구하거나 회전 축을 찾는 데 사용QuadraticBezierCurve3세 개의 3차원 점을 사용하여 이차 베지어 곡선을 생성시작점, 제어점, 끝점을 지정하여 곡선 정의BufferGeometry저수준의 기하학적 모델버텍스(Vertex), 인덱스(Index), 노멀(Normal), UV 및 기..

Three.js란?웹 페이지에 3D 객체를 쉽게 렌더링하도록 도와주는 자바스크립트 3D 라이브러리3D 객체를 렌더링하는데 WebGL을 사용함WebGL점, 선, 삼각형만을 그리는 아주 단순한 시스템→WebGL로 직접 무언가를 만들려면 많은 양의 코드를 짜야하고, 코드도 복잡하지만 Three.js는 3D 요소들의 처리를 도와 직관적인 코드를 짤 수 있게 도와줌Three.js 앱의 구조 1) RendererThree.js의 핵심 객체Scene과 Camera 객체를 넘겨 받아 카메라의 절두체안 3D안 씬의 일부를 평면(2차원) 이미지로 렌더링함2) Scene graphScene 또는 다수의 Mesh, Light, Group, object3D, Camera로 이루어진 트리구조와 유사함Scene : 씬 그래프의 최..

@EnableWebSecurity(debug = true) 디버깅 로그를 출력하는 옵션으로 debug = true를 하면 요청 URL, 세션 ID, 요청 브라우저 등의 정보가 나오고 또 적용된 FilterChain들을 볼 수 있다. @Secured 사용자의 권한정보에 따라 자동으로 해당 메서드의 접근을 제한할 수 있게 된다. @PostAuthorize 함수를 실행하고 클라이언트한테 응답을 하기 직전에 권한을 검사한다. @PreAuthorize 요청이 들어와 함수를 실행하기 전에 권한을 검사한다. ⭐ option ⭐ hasRole([role]) : 현재 사용자의 권한이 파라미터의 권한과 동일한 경우 true hasAnyRole([role1,role2]) : 현재 사용자의 권한디 파라미터의 권한 중 일치하는..

💡 SNS 로그인 인증 순서 사용자가 서버에게 로그인을 요청 서버는 사용자에게 특정 쿼리들을 붙인 페이스북 로그인 URL을 사용자에게 보냄 사용자는 해당 URL로 접근하여 로그인을 진행한 후 권한 증서를 담아 서버에게 보냄 서버는 해당 권한 증서를 Facebook의 Authorization Server로 요청 서버는 권한 증서를 확인 후, Access Token, Refresh Token, 유저의 정보를 돌려줌 받은 고유 ID를 Key값으로 해서 DB에 유저가 있다면 로그인, 없다면 회원가입 진행 로그인이 완료되었다면 세션과 쿠키 , 토큰 기반 인증 방식을 통해 사용자의 인증을 처리 참고사항 우리가 만들 서버에서 OAuth를 이용하기 위해서는 사전에 OAuth에 등록하는 과정이 필요 개발자 사이트에서 웹..

카카오 로그인 실습 - Web J219. Spring Boot OAuth2 Google, Naver Login 💡 OAuth 2.0을 이용한 인증 OAuth 외부 서비스의 인증 및 권한 부여를 관리하는 범용적인 프로토콜 OAuth 2.0 모바일에서도 사용 용이 반드시 HTTPS를 사용하므로 보안이 강화됨 Access Token의 만료 기간이 생김 → OAuth 2.0의 인증 방식은 4가지 있음 → 가장 범용적으로 쓰이는 것은 Authorization Code Grant 인증 순서 Resource Owner : 일반 사용자 Client : 우리가 만든 웹 어플리케이션 Authorization Server : 권한 관리 및 Access Token, Refresh Token을 발급해주는 서버 Resource ..

참고 링크 Spring Boot를 이용해 카카오 로그인 만들기 (프로젝트 첫 생성부터 구현까지) 1. 링크 실행 https://developers.kakao.com/console/app 카카오계정 accounts.kakao.com 2. 애플리케이션 추가 3. 앱 이름, 사업자명 등록 4. 추가된 애플리케이션 클릭 → 플랫폼 등록 Android, iOS, Web 중 필요한 플랫폼 등록 Web 5. 추가한 애플리케이션 클릭 → 앱 키 → REST API 키 복사 (나중에 사용 예정) 6. 메뉴바에서 카카오 로그인 클릭 활성화 설정 OFF → ON으로 변경 Redirect URI 등록 → 로그인 경로 삽입 http://localhost:8088/login 7. 카카오 로그인 프론트 페이지 https://dev..