# spotLight

kkookk55

✨오늘의 작업은 자신의 차례일때 user 카드에 border-line 과 background 컬러등을 변경하여 sporLight 효과를 주었습니다 : ) > 📌 css,Ul작업은 너무 힘드네요 어찌어찌 차례가되면 class name을 다르게 주는 로직을 사용해서 css 변경을 할수 있게 되었지만... 원하는대로 css를 작업하기 너무 힘들어서 같은 조원 수빈님께 css 작업은 따로 부탁 드렸습니다!!! 저는 차례를 어떻게 넘기는지 로직을 구현했어요 :) 아래 코드로 살펴 보겠습니다! 🔧 제일 처음 user 객체를 만들어 배열로 관리하는 곳에서 isMyTurn이라는 키를 falser 값을 default로 추가 해주었습니다 :) useState로 관리할 isMyTurn을 별도로 선언해주고! 🔧 spotLight를 받았을때 nickName을 이용하여 자신의 차례인지 아닌지 구분후 setIsMyTurn을 이용하여 값을 변경해 주

9rganizedchaos

🙌🏻 해당 글은 Three.js Journey의 강의 노트입니다. 14 Lights Light를 추가하는 것은 Mesh를 추가하는 것만큼이나 간단하다. 인스턴스화 해서, Scene에 add하기만 하면 된다. 이미 AmbientLight와 PointLight를 살펴보았고, 나머지 다른 클래스들도 살펴볼 것이다. 우선, 조명을 사용할 것이기 때문에, 조명에 반응하는 재질을 사용해 object들을 만들어야 한다. MeshLambertMaterial, MeshPhongMaterial, MeshToonMaterial을 사용해도 되지만, 여기서는 일단 가장 사실적인 MeshStandardMaterial을 사용한다. 빛의 반사를 보기 위해 재질의 거칠기를 줄인다. 초기 셋업 ![](https://images.velog.io/images/9rganizedchaos/post/5e9a0459-f8f0-4642-809e-0a4