TIL(Today I Learned)/2024.09 (5) 썸네일형 리스트형 [TIL] 9.30 1. Design Pattern 디자인 패턴의 유형 정리https://daunje0.tistory.com/156 [Design Patterns] 0. 디자인 패턴의 유형, 간단 설명http://vincehuston.org/dp/ Huston Design PatternsCategory: miscellaneous Abstract Factory ... model "platform" (e.g. windowing system, operating system, database) with an inheritance hierarchy, and model each "product" (e.g. widgets, services, data structdaunje0.tistory.com 2. CSS 2-1 ) 화면을 좌우 중앙.. [TIL] 9.29 1. react 1- 1) props.children props.children 은 vue 의 slot 과 비슷한 기능을 가지고 있다.https://daunje0.tistory.com/154 [React] react props children VS vue slot1. react 의 props.children컴포넌트 합성: 부모 컴포넌트가 자식 요소를 알 수 없을 때 유용합니다.유연성: 컴포넌트를 더 유연하고 재사용 가능하게 만듭니다.다양한 타입: 문자열, 숫자, 엘리먼daunje0.tistory.com 1- 2) useEfffectuseEfffect 훅은 vue 의 watch, watchEffect 혹은 onMount 라이프 사이클에서의 메서드 정의와 같은 기능을 갖고 있다. [TIL] 9.28 1. JS 1- 1) iterable iterator protocol const iterable = { [Symbol.iterator](){ let i = 3; return { next(){ return i === 0 ? {value:undefined, done:true} : {value:i--, done:false}; }, // 이터러블도 이터레이터를 반환해야 well-formed 이터레이터가 될 수 있다 [Symbol.iterator](){ return this; } } } } let iter2 = iterable[Symbol.iterator](); log(i.. [TIL] 9.26 1. CSS 1- 1) margin collpase ( 마진 병합 ) 마진 병합은 CSS에서 발생하는 현상으로, 인접한 요소들의 수직 마진이 하나로 합쳐지는 것을 말합니다.주요 특징:수직 방향으로만 발생합니다 (상하 마진).가장 큰 마진 값이 적용됩니다.부모-자식 요소 사이에서도 발생할 수 있습니다..box1 { margin-bottom: 20px;}.box2 { margin-top: 30px;} 이 경우, 두 박스 사이의 실제 간격은 30px이 됩니다 (더 큰 값인 30px이 적용됨).마진 병합 방지 방법:부모 요소에 overflow: hidden; 적용부모 요소에 padding 또는 border 추가플렉스박스나 그리드 레이아웃 사용참고: https://developer.mozilla.org/ko.. [TIL] 9.25 1. 알고리즘 1- 1) 프로그래머스 옹알이(2) 문제규칙과 조건이 있는 단어 찾기는 정규표현식 적극 활용할 것// 기존 답안function solution(babbling) { const can = ['aya','ye','woo','ma']; let count = 0; for (let word of babbling) { let lastSound = ''; let isValid = true; while (word.length > 0 && isValid) { let found = false; for (let sound of can) { if (word.startsWi.. 이전 1 다음
