본문 바로가기

전체 글189

HTML5 <details> 태그를 사용해서 Q&A 만들기 IE가 더 이상 서비스하지 않는 브라우저가 되고 나서, 우리는 다양한 HTML5 요소와 CSS를 사용해서 스타일링할 수 있게 되었습니다. 그 중에서 details 요소는 특히, IE에서 전혀 지원하지 않는 요소였는데요. Can I Use(https://caniuse.com/?search=details)에서 확인해보면 더 이상 걱정하지 않아도 될 정도의 서비스 범위를 가지고 있는 것으로 확인됩니다. details 요소를 사용해서 자주 사용하는 Q&A 컴포넌트를 만들어보도록 하겠습니다. Q&A는 주로 아코디언(Accordion)이라는 UI 컴포넌트로 만들게 됩니다. Q. 궁금한 것이 있어요. 저의 대답은 이렇습니다. 저의 대답은 이렇습니다. 저의 대답은 이렇습니다. 저의 대답은 이렇습니다. 저의 대답은 이렇.. 2023. 10. 9.
React의 미래: Create React App(CRA) 대신 Vite를 사용하자 최근 React 생태계에 몇 가지 중요한 변화가 있었습니다. Create React App 지원 중단, react.dev 출시, Next.js 및 Remix와 같은 대체 프레임워크의 인기 증가가 포함됩니다. Create React App 추천 X 우선 Create React App이 추천이 되지 않습니다. Next.js 또는 Remix 등을 추천하고 있지만 클라이언트 사이드 핸들링만 하는 경우에는 Vite 또는 Parcel을 권유하고 있습니다. If you’re still not convinced, or your app has unusual constraints not served well by these frameworks and you’d like to roll your own custom setup.. 2023. 4. 15.
Typescript 5.0 업데이트에서 달라진 것들 - Decorators Decorators const Type Parameters Supporting Multiple Configuration Files in extends All enums Are Union enums --moduleResolution bundler Resolution Customization Flags --verbatimModuleSyntax 모든 링크들은 원문을 가리킵니다. Decorators 데코레이터는 클래스와 멤버를 재사용 가능한 방식으로 사용자 정의할 수 있게 해주는 곧 출시될 ECMAScript 기능입니다. class Person { name: string; constructor(name: string) { this.name = name; } greet() { console.log(`Hello, .. 2023. 4. 9.
2023 17가지 UX/UI 트렌드 2022년에도 많은 일들이 있었습니다. 2023년에도 UX/UI에 있어서 끊임없는 변화는 당연합니다. UX 디자인의 좋은 예를 따르고 복제하는 것이 필수적인 상황입니다. 2023년 17가지 상위 UX/UI 트렌드와 새로운 트렌드를 확인해야 하는 이유를 살펴보시죠 : ) 1. 다크모드 올 해도 변함없이, 다크모드는 사랑받고 있습니다. 외관은 우아하고 세련되며 현대적입니다. 스마트폰과 노트북으로 더 많은 시간을 보내면서 다크 모드는 사용자 경험에서 중요한 역할을 합니다. 다크모드의 아름다움 외의 장점들에 대해서 살펴보시죠. 장치가 OLED 또는 AMOLED 화면을 사용하는 경우에는 배터리가 절약 됩니다. 텍스트 가독성 측면에서 좋습니다. 밤에 장치를 사용하는 동안 눈의 피로를 줄일 수 있습니다. 화면 눈부심.. 2023. 3. 6.
반응형