본문 바로가기

ding-co100

[Trouble Shootings #12] HTML - <figure> 태그는 언제 써야 할까요. 오늘 회사에서 옆 자리 동료가 이미지 관련 태그를 감싸는 태그로 태그를 사용한 것을 보았습니다. 저는 이때까지 그냥 태그로 태그를 감쌌는데 오랜만에 기억 속에서 잊혀졌던 태그를 봤습니다. 저는 태그는 그 안에 태그와 태그를 넣었던 걸로 알고 있었습니다. img에 대한 설명으로 figcaption 태그를 추가하는 것입니다. 근데 단순한 아이콘이나 작은 이미지에도 모두 figure 태그로 감싸도 되는 것일까 하는 의문이 들었습니다. 조금 구글링 해보니 figure 태그가 semantic tag 로써 활용된다는 것입니다. 그래서 저는 계속 궁금증과 의문을 가지면서 구글링을 더 많이 했습니다. 최종적으로 figure 태그는 메인 기능과는 독립적으로 옵션적인 기능으로써 활용된다고 합니다. 다시 말해서 문서의 흐름.. 2022. 10. 5.
[Trouble Shootings #11] React - React.ReactNode vs. JSX.Element 타입 React에서 Layout 같은 Wrapper component를 만들 때, children의 타입을 지정해야 할 필요가 있습니다. 저는 보통 React.ReactNode나 JSX.Element 타입을 이용하였습니다. 아무 생각 없이 JSX.Element 타입을 이용하다가 어느 순간, 타입스크립트 에러가 발생하여 그때 그때 리액트 프래그먼트를 추가하여 여러 개의 child를 한번에 감싸서 넣었는데 생각보다 귀찮았습니다. 그래서 한번 보니깐 React.ReactNode는 JSX.Element보다 좀 더 넓은 집합의 개념으로 이해했습니다. JSX.Element 타입이 React.ReactNode 타입의 부분집합인 것 같습니다. React.ReactNode 타입으로 지정하면 JSX.Element[] 타입도 모.. 2022. 10. 4.
[개발자 글쓰기 스터디] 두 번째 미팅 - 블로그 리뷰 1 (feat. 노마드코더) 22.10.02.Sun 노마드 개발자 글쓰기 두 번째 미팅을 진행했습니다. 오늘은 처음으로 공유(발표) 세션이 진행되었습니다. 이번 주차 리뷰 글은 대략 10개 정도 공유되었고, 공유(발표)는 다섯 분이 진행해주셨습니다. 다들 좋은 내용들이 많았고, 서로 피드백도 활발하게 잘 이루어졌습니다. 앞으로 3번 남았는데 얼마나 더 큰 선물 같은 시간들이 다가올지 벌써 기대됩니다. 다들 고생하셨습니다! 2022. 10. 2.
[Topic #자료구조 05] Recursion 대표 4가지 유형 구현 with JavaScript // 재귀 유형 01 - Factorial // Iterative // T.C: O(n) // S.C: O(1) function factorialIterative(n) { let result = 1; for (let i = 1; i 0 ? n * factorialRecursive02(n - 1) : 1; } function factorialRecursive03(n) { return (n > 0 && n * factorialRecursive03(n - 1)) || 1; } // Simple test cases for (let i = 0; i 2022. 10. 1.
반응형