전체 글18 [kakao API] 카카오톡채널 채팅 버튼 만들기 (상담톡) kakao api를 이용해서 특정 버튼을 누르면 카카오톡 상담으로 연결되는 기능을 만드려고 한다레퍼런스 받은 사이트는 lumena !https://lumena.co.kr/ pc -> 로그인 X 경우 로그인창 , 로그인 O 을 경우 되어있는 모바일 기기로 톡알람이 오는 듯?mobile -> 바로 카카오톡 채팅창으로 고고 암튼 기능 구현까지 내가 할건 아니고 api 가져와서 연결만 할거니까 어렵지 않아보인다사실 api고뭐고 들어갈 필요가 없었음... 뭔짓을 해도 해당 기능사용하지 않는다며 우는 라이언 빵댕이만 나와서 헤맷는데채널관리자에서 1:1채팅 기능을 안켜두었던것 ㅠ 멍충멍충해.. 채널관리자에서 1:1채팅 기능 On , 상담시간 설정 https://cs.kakao.com/helps_html/1073188.. 2024. 8. 1. [threejs] Mouse hover (aka.Raycaster, Gsap) Designbase 16강GSAP CDN 연결 Raycaster 사용const raycaster = new THREE.Raycatser();renderer.domElement.addEventLister('mousemove', onMouse)function onMouseMove(e){ const mouse = { x : (e.clientX / renderer.domElement.clientWidth) * 2 - 1, y : (e.clientY / renderer.domElement.clientHeight) * 2 + 1, // 보통 이렇게만 사용하니 걍 복붙하고 외우기.. } console.log(mouse.x, mouse.y);}raycaster.setFrom.. 2024. 7. 23. [threejs] 3D도형 추가 (+반응형) 3D도형을 맨드러보자https://threejs.org/docs/index.html#manual/en/introduction/Drawing-lines geometry 도형과 https://threejs.org/docs/index.html?q=geome#api/en/geometries/BoxGeometrymaterial 재질 생성 후 https://threejs.org/docs/index.html?q=material#api/en/materials/MeshStandardMaterialcube 로 생성!-검색창에 geometry, material 검색하면 다양한 도형과 재질, 그리고 사용가능한 옵션값이 상세하게 나온다. 반응형처리 // 반응형 처리 function onWindowResize() { .. 2024. 7. 23. [threejs] Renderer Scene Camera (designbase threejs 3, 7강) 기본 메뉴얼 및 문서https://threejs.org/manual/#en/fundamentalshttps://threejs.org/docs/index.html#manual/en/introduction/Installation 화면에 표시되기 위한 내용들 (3강) Renderer : 카메라에 담긴 장면을 웹사이트에 구현Scene : 배경색, 안개 등 최상위노드Camera : 장면을 화면에 담기 위한 카메라 (시야각, 카메라 시작 끝 지점 등 설정) 카메라 세팅 Fov 화각광각 63~84 / 표준 47 / 망원 28~8 Aspect 종횡비 = window.innerWidth / window.innerHeight Near, Far각자 앞, 뒤에서부터 얼마나 자를지 (hidden시킬지) 를 설정보통 near .. 2024. 7. 23. [threejs] webpack 이용한 설치 / boiler plate 디자인베이스 threejs 강의 영상 필기결제 (구독료 월 18000원) 한 김에 뽕뽑아야지강의바로가기 https://www.youtube.com/watch?v=JFX_IM2FJyQ&list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW&index=2 webpack - 프론트앤드 모듈 번들러 : 웹 애플리케이션을 구성하는 정적 자원들을 모아 이 모듈들을 병합된 하나의 결과물(번들?)로 만드는 도구 - 웹최적화를 위해서는 웹팩을 사용하는 것이 좋다 webapck + threejs- 웹팩 전용 bolier plate (기초 골격 되어있는 오픈소스)- 강의에서 사용된 보일러플레이트 깃헙 https://github.com/aakatev/three-js-webpack1. node.js 다운 받았.. 2024. 7. 22. [github] vscode에서 github push commit vscode에서 github push commit 오랜만에 했더니 왜 또 안되는거여 ........ 진심 무슨 첫 커밋까지 두시간이나 헤맸다..........다음에 보고 바로 해결할 수 있도록 적어두기git clone 까지는 어찌저찌 되지만 내 github에 도무지 올라가질 않았다 ㅠ_ㅠ의심되는 건 내가 github 계정을 새로 파면서 vscode에서 계정확인이 안되는것 같음....그래서 git -- user name 어쩌구 다 해줬는데도 안됨ㅇ리ㅏㅓㅁ니아러;..!extension 에서 도와줄수 있나 하고 git pull request 어쩌고, git space.. 어쩌고 이것저것 깔아봣는데도 무용지물 .. 처음부터. 차근차근 해결해보자 Git 다운일단 git 은 github (저장소)를 이용하게 .. 2024. 7. 22. 이전 1 2 3 다음
