굴러가유...

안녕하세요!! 오늘은 THREE.js를 사용해서 화면에 100개의 Mesh를 랜덤하게 뿌려보는 소스를 작성해보려고 합니다. 강의를 통해 많이 배우긴 했지만.. 너무 내 지식이 아닌 것 같아서.. 다시 듣는 중이랍니다. 오늘은 간단하게 THREE.js를 사용, 똑같은 Mesh를 100개 만들어 x, y, z 값만 랜덤하게 배정하는 것을 해볼 것입니다! index.html 우리는 box.js를 불러와 사용할 것으로, src설정, type='module'로 불러옵니다. 로컬에서 테스트를 하기 위해선 vscode의 extensitions에서 liveserver 를 설치하는것을 권장합니다! // index.html box.js 기본 설정을 진행해야 합니다. 우리는 THREE.js와 OribitControl을 사용..

안녕하세요. 오늘은 프로그래머스 난이도 1인 '콜라문제' 라는 코테의 주관적인 소스 코드를 공유하고자 합니다! 새롭게 나온것 같은데.. 같은 팀원이 풀어보라길래 풀어보게 되었습니다.. 문제 설명 오래전 유행했던 콜라 문제가 있습니다. 콜라 문제의 지문은 다음과 같습니다. 정답은 아무에게도 말하지 마세요. 콜라 빈 병 2개를 가져다주면 콜라 1병을 주는 마트가 있다. 빈 병 20개를 가져다주면 몇 병을 받을 수 있는가? 단, 보유 중인 빈 병이 2개 미만이면, 콜라를 받을 수 없다. 문제를 풀던 상빈이는 콜라 문제의 완벽한 해답을 찾았습니다. 상빈이가 푼 방법은 아래 그림과 같습니다. 우선 콜라 빈 병 20병을 가져가서 10병을 받습니다. 받은 10병을 모두 마신 뒤, 가져가서 5병을 받습니다. 5병 중 ..

안녕하세요 :D 오늘은 노드 express를 사용하여 jwt 토큰 인증을 하는 방식과, 기초 세팅해둔 소스파일 공유를 해보려고 합니다.! 평소에 node 환경을 세팅할때 axios, cors, express, dotenv ... 등 설치해야할 패키지가 너무 많습니다.. 매번 세팅하기 귀찮으니 기본적인 패키지 + jwt + mysql 세팅까지 된 템플릿을 만들어 보게 되었습니다. 템플릿을 공유하기 전에! jwt가 뭔지 알아야 사용할 수 있을 것 같아서 간단하게 이야기를 하려 합니다 :D 만약 누구나 API 콜을 칠 수 있다면? 보안상 문제가 있지 않을까..? 만약 로그인한 유저가 장기간 아무 모션을 하지 않을때 로그아웃을 시켜줄 순 없을까..? 개발 초기에 항상 생각하던 내용입니다. api를 만들면서 빠질..