function draw () { mesh.rotation.y += 0.1; //이런식으로해도되고 mesh.rotation.y += THREE.MathUtils.degToRad(1); //라디안값으로 renderer.render(scene,camera); //window.requestAnimationFrame(draw); //계속 무한 반복 render.setAnimnationLoop(draw); } render안에 setAnimationLoop라는 기능이 있기때문에 두가지중에 원하는걸 사용하면된다. - RequestAnimation -> 게임같은 가상현실 만들때 반드시 필요하다. 성능개선을 해주기!! => 1초에 60번 1초에 30번 이런식으로 성능에 따라 돌아가는 정도가 달라지면? 안된다... => ..
리눅스 우분투 wsl
윈도우, 맥OS, 그리고 모바일 안드로이드 ios => end user를 위해 만든 운영체제 GUI로 만들어놨다. 화면에 그림으로 나타나있는것. CLI와 GUI는 반대되는 개념이다. GUI-> 완제품 CLI-> 조립식 제품과도 같다. 리눅스 '오픈소스' 운영체제 => 설계도 볼수있고 개조할수 있고, 공짜로 쓸수있고 리눅스 토발즈가 만들어서 리눅스! 서버도 컴퓨터다! 일반 개발자는 뭔가를 개발하기위해 진입장벽이 높은데 리눅스는 무료니까 모든 개발자들이 거의다 사용하고있는거다! 리눅스의 커널이 뭘까? 리눅스의 커널은 곧 리눅스다 👉 커널(kernel)이란?(커널은 운영 체제의 일부분으로, 운영 체제의 핵심적인 역할을 하는 부분이다.) 커널이란 컴퓨터의 운영 체제의 핵심이 되는 컴퓨터 프로그램의 하나이다. 시..
1. justify-items : justify-item 은 그리드 내부의 엘리먼트들의 가로 정렬에 쓰인다. main { display: grid; grid-template-columns: repeat(3, 400px); justify-items: center; } start : 아이템들을 그리드 위, 왼쪽으로 각각 정렬 end : 아이템들을 그리드 위, 오른쪽으로 각각 정렬 center : 위 중앙에 정렬 stretch : width를 채우기 2. justify-content : justify-content 는 그리드 컨테이너를 화면(height로 설정한 값)에서 가로 정렬하는데 쓰인다. start : 좌측 상단에 정렬한다. end : 우측 상단에 정렬한다. center : 중앙 상단에 정렬한다. sp..
1. local(로컬개발 환경) 개발자 PC에 개발 및 테스트 환경이 셋업 되어 있어야 한다. 각 개발자마다, 설치된 서버 환경을 local 환경이라고한다. 2. dev(서버 개발 환경) 개발 환경은 각 개별 개발자들이, 만든 코드를 합쳐서 서버 환경에서 테스트해볼 수 있는 환경이다. 소스코드를 형상관리 시스템에 commit하면, 코드는 이 dev 환경에 자동으로 배포되고, 이 환경에서 테스트가 된다. 기능 개발을 위주로 하기 때문에, 서버의 환경은 production 보다 훨씬 작다. 예를 들어 production이 클러스터링 환경으로 수개의 서버로 구성된다면, 개발 환경은 한 두 개의 서버로 기능 구현이 가능한 정도로 구축하는 것이 일반적이다. 3. Integration(통합 개발 환경) 통합 개발 ..
한국에는 앵귤러 유저가 많이없어서 한글로 검색하면 원하는 답을 못찾는다 (┬┬﹏┬┬) id가 보이고 안보이고~ 조건이 붙을 시에 [ngClass] 가 아닌 id에는 어떻게 붙일까? [id]="(totalItems > 0 ? 'itemlist': null)" [] 대괄호와소괄호를 잘 활용하는거싱 중요하다! class시에는? [class.my_class] = "step === 'step1'" [ngClass]="{'my_class': step === 'step1'}"
Git - Book (git-scm.com) Git - Book git-scm.com How to detect a route change in Angular? - Stack Overflow How to detect a route change in Angular? I am looking to detect a route change in my AppComponent. Thereafter I will check the global user token to see if the user is logged in so that I can redirect the user if the user is not logged in. stackoverflow.com router.events.subscribe((val)=>{ co..
앵귤러는 데이터바인딩을 제공하기에 여러가지 방식의 router link가 있다. routerLink="/index" 이렇게 [routerLink]가 아닌 routerLink = 이라고 사용할 경우에는 뒤에있는 문자열로 이동하게된다. 로컬에서 개발중이였다면 localhost:4200/index 로 이동 [routerLink]="['/', {outlets:{popup:['request-password-reset']}}]" 아래와 같이 데이터바인딩을 사용할 경우, '/' 뒤에 popup이고 : 쿼리뒤에 request-password-reset이 들어간다. Activatedrouters대신에 oulets을 통하여 쿼리문으로 연결한것.