Akshita5-killer-habitsbe-a-rebel.hashnode.dev·Jan 2, 2025Transform Your Life with These 5 Rebel HabitsIf there is one commonality between successful people, and winners, it is rising before dawn. Studies show that people who are early risers tend to be more successful than night owls. The mantra to succeed is simple, "Wake up at five, and do it!" Dis...General Advice
고라니드로koranidro.hashnode.dev·Dec 28, 2024[TypeScript] 변환 원점 찾기잠깐! transform에 대해 아직 잘 모른다면 [CSS] 변환 행렬을 먼저 읽어보세요! 상황에 따라 동적으로 뷰포트에 대한 transform-origin의 좌표를 구해야 할 수 있습니다. 대상이 변환이 수행되지 않은 경우라면 getBoundingClientRect를 사용해 쉽게 구할 수 있습니다. 하지만 변환이 수행된 경우는 생각보다 까다롭습니다. 차근차근 살펴보도록 하겠습니다. 우선 변환이 고려되지 않은 상황, 그중에서도 대상 영역에 대...transform origin
고라니드로koranidro.hashnode.dev·Dec 21, 2024[css] 변환 행렬 - 후편이번 편은 이전 편으로부터 이어집니다. 전편에서는 transform의 원리와 주요 변환 행렬에 대해 소개했습니다. 이번 편에서는 이를 사용하면서 흔히 범할 수 있는 오류에 대해 다룹니다. 좌측에서 우측으로? 우측에서 좌측으로? transform: rotate(90deg) skewX(45deg); 어떻게 동작하실 것 같은가요? \(90^\circ\)를 뒤집었으니 사실상 회전하지 않은 거나 다름없을 테고 거기다 \(x\)축을 따라 \(45^\c...[CSS] 변환 행렬CSS
고라니드로koranidro.hashnode.dev·Dec 14, 2024[css] 변환 행렬 - 전편CSS에서는 요소의 이동이나 크기, 회전을 조절하기 위한 transform 속성이 있습니다. 이는 내부적으로 변환 행렬을 통해 처리합니다. 변환 행렬을 사용하면 요소의 변환을 비교적 간단하게 수행할 수 있습니다. 변환 행렬 변환 행렬이란 변환에 대한 행렬 표현입니다. 여기서 변환이란 함수라 생각해 주시면 됩니다. 즉, 함수의 행렬 표현 정도로 보시면 되겠네요. 행렬이 어떻게 함수의 역할을 할 수 있을까요? 함수가 무엇인가요? 기능 측면에서 접근...[CSS] 변환 행렬transformation matrix
Siratim Mustaquimshorotshishir.hashnode.dev·Jul 15, 2024GameObject vs Transform : UnityIn unity there are these questions related to Transform and GameObject, such as, Which one to return as parameter? Which one to receive as a serialized field from Editor? Here goes the simple reference points to make the decision What you get wit...gameobject
Shakir Bakareshakirbakare.hashnode.dev·Jul 8, 2024How to Center an Element Horizontally and Vertically with CSS Transform: A Step-by-Step GuideCentering elements in web development is a common task that can sometimes be tricky to achieve. One powerful and versatile method to accomplish this is by using the CSS transform property. In this article, through straightforward steps and explanatio...28 readsCSS
MIZZUmizzu-creations.hashnode.dev·Jun 17, 2024css에서 요소를 가운데 정렬하는 다양한 방법들1. 글의 목적 요소를 중앙 정렬할 때, display: flex; justify-content: center; align-items: center; 조합을 자주 사용하고 있는 습관을 발견했다. 이 방법이 잘못된 것은 아니지만, 반드시 필요하지 않은 부분에도 사용하고 있는 것 같은 느낌을 받았다. 이 글의 목적은 요소를 중앙 정렬하는 다양한 방법을 탐구하고, 상황에 맞는 적절한 속성을 사용할 수 있도록 하는 것이다. 2. 수평 중앙 정렬 ...CSS
Dibyendu Kundudibyendukundu04.hashnode.dev·May 30, 2024How Transform Works in CSS?Introduction: Cascading Style Sheets (CSS) is a style-sheet language used to describe the presentation of a document written in HTML or XML. CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. CSS helps to...41 likes·77 readsCSS
nikeshthebeginnernikesh.hashnode.dev·Feb 19, 2024Transform the Data In PowerBIHello everybody, hope all doing well. This blog is about Trasforming the data in Powebi. If your are a beginner and curious learner let's get into it. This going to be a approx 20 minute read, So try to be focused for next 20 min. Just 20 min not mor...learning
satish Mishratechtonics.hashnode.dev·Apr 7, 2023Demystifying fit_transform and transform in Scikit-learn: Which Method to Use for Data Preprocessing and When?Machine learning models often require data preprocessing before being trained. Preprocessing involves transforming the raw data into a format that is more suitable for machine learning algorithms. In scikit-learn, there are two methods used for data ...Machine Learning
![[TypeScript] 변환 원점 찾기](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/9aOswReDKPo/upload/56a32a22333735abf7c70a4409faaced.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[css] 변환 행렬 - 후편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/mG28olYFgHI/upload/0f313bc87ceb9722d02e718ecd77ed33.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[css] 변환 행렬 - 전편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/nd83DgVp4Oo/upload/90ec1edb8c2e5c8c44efaba4972b9faf.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
