728x90 반응형 전체 글50 [script] 디자인패턴 기본기 정리 - SOLID 법칙 https://youtu.be/4O6k9GN8FPo?si=ji-jjOpZPv5kbuuc >> 이 강의를 토대로 정리했습니다. 예제는 클로드를 통해 정리했습니다. 강의 정말 좋습니다 추천~ SOLID 원칙 1. Single Responsibility principle (SRP, 단일 책임 원칙)2. Open/ closed principle (OCP, 개발 / 폐쇄 원칙)3. Liskov substitution principle (LSP, 리스코프 치환 원칙)4. Interface segregation principle (ISP, 인터페이스 분리법칙)5. Dependency inversion principle (DIP, 의존성 역전 법칙) 1. Single Responsibility principl.. 2025. 1. 10. [css] 옛날 크롬 브라우저에서 grid를 사용 못하는 경우 아주 옛날 크롬 버전을 사용하는 곳의 프로젝트를 하게 됐는데 grid가 안먹히더라..!!!!당황하지 않고 많은 방법을 찾았다. 0.프로젝트에서 사용한 방법 : 잘 사용했습니다...test { display: flex; flex-wrap: wrap;}. test > * { /* grid 클래스의 직계 자식 모든 요소 */ width: calc(100% / 6); box-sizing: border-box;} 아래는 검색했을 때 다른 방법이라네요. 1. flex를 사용하는 방법.grid-container { display: flex; /* flex 컨테이너로 설정 */ flex-wrap: wrap; /* 아이템이 넘칠 경우 다음 줄로 넘어가도록 설정 */ } .. 2025. 1. 9. [three.js] 사다리꼴 모양 그리드 만들기. *사다리꼴 모양 그리드. *꼭지점으로 드레그해서 모양을 변경 시킬 수 있음. *여기 있는 숫자들로 선 개수를 조절할 수 있음. // 수직선 for (let i = 0; i 6; i++) { const ratio = i / 6; const points = []; const topX = lerp(controlPoints[0].x, controlPoints[1].x, ratio); const topY = lerp(controlPoints[0].y, controlPoints[1].y, ratio); const bottomX = lerp(controlPo.. 2025. 1. 7. [three.js] 스크롤을 이용한 3D 본 내용은 아래 강의에서 공부한 내용입니다. 강의가 정말 좋으니 추천드립니당.. https://www.inflearn.com/course/threejs-3d-%EC%9D%B8%ED%84%B0%EB%9E%99%ED%8B%B0%EB%B8%8C Three.js 3D 인터랙티브 바로 시작하기 강의 | 코딩일레븐 - 인프런코딩일레븐 | 실무에서 Three.js를 바로 사용할 수 있도록 커리큘럼을 구성했습니다!, 2D를 넘어 3D를 다루면 개발이 더 재밌어집니다!Three.js로 입체적인 컨텐츠 개발 함께해요. 🧩 활용도 높은 Threewww.inflearn.com https://www.inflearn.com/users/258264/@coding11 코딩일레븐님의 소개 - 인프런인프런 코딩일레븐님의 소개 페이지 .. 2025. 1. 6. 이전 1 2 3 4 5 ··· 13 다음 728x90 반응형
