분류 전체보기 26

24.08.12 총정리-1

React컴포넌트화조건부/반복 렌더링useState/useRefTailwind CSS사용자 정의 속성TypeScriptProps컴포넌트화FC(Functional Component)나 클래스를 이용한 컴포넌트를 만들 때 태그가 한 두개 있거나 Wrapper역할만 하는 것은 굳이 컴포넌트화로 따로 파일을 안 만드는 것이 협업에서는 훨씬 편할 수 있다. 심지어 Tailwind를 이용 중이라면 강점인 css와 ts 스크립트를 한꺼번에 볼 수 있다는 것을 살리기 위해서라도 과도한 컴포넌트화는 자제하자. 조건부/반복 렌더링예시){showing && (    ul        className="w-full rounded-lg bg-white absolute shadow z-10" //shadow is additio..

24.08.12 총정리-1

HTMLsvgCSS@mediaCSS 변수의사 클래스/의사 요소베지에 곡선폰트Padding/Margincalc()JavaScript svgsvg를 반응형으로 렌더링 하고자 할 때 임포트한 svg의 태그를 확인.svg width="100%" height="100%" viewBox="0 0 126 169" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">                 . . .  width와 height 부분을 %등으로 설정해야 이미지가 clip되지 않음.@media@media (max-width: 575px) {}@media (min-width: 576px) and (max-wid..

일반:: 텐서

[참고 영상]https://www.youtube.com/watch?v=wHshfKbTTcEhttps://www.youtube.com/watch?v=Ej8oI2AnBUohttps://www.youtube.com/watch?v=CN4gXFWX7F4&list=PLqzQC3ciMPGDjjazDtOAi91bCGy_j3IWy&index=3   스칼라는 유치원 때부터 지겹도록 했을 테니 처음부터 다루지 않는다. (다룰 것도 거의 없다.) 스칼라는 수치 하나로 표현되는 물리량이라면 벡터는 수치 여러 개로 표현하는 물리량이다.예를 들어 현실 세계에서는 어떤 물체의 위치를 3차원의 좌표 형태로 적을 수가 있다. 좀 더 심화되는 의미로는 스칼라는 기준계의 좌표축을 회전시켜도 변하지 않는 물리량이며 벡터는 좌표축 회전에 따라..

일반물리I:: 6. 충돌

질량 중심(Center of Mass) 한 점에 물체의 모든 질량이 모여있는 것처럼 거동하는 점을 질량중심이라고 한다. 질량줌심을 기준으로 이동을 생각하면 운동을 단순화할 수 있다. 위의 식이 이산적인 계(입자 n개)에서의 질량중심이고 아래의 식이 연속체의 질량중심이다. 물론 x만 나타냈지만 말이다. 이산합은 위와 같이 표현할 수 있다. 항을 두 개로 줄여본다면 어디서 많이 본 식이 나온다. 내분점 공식과 비슷한 모양이다. 머릿속으로 그림을 그려보면 더 질량이 큰 입자 쪽으로 질량줌심이 쏠리는 것은 당연하다. 비슷하게 수학에서 배운 무게중심 공식을 떠올려보자. 입자에 할당되는 질량이 모두 같다고 가정하면 이 역시 같은 식으로 나온다! 연속체에 관한식은 삼중적분으로 되어있는데 벡터 미적분학 카테고리에서 다..

선형대수학:: 가우스 소거법

가우스 소거법 어떤 system을 풀기 위해서 해에는 어떠한 변화도 주지 않고, 변환을 이용하여 더 보기 좋게 만드는 방법을 말한다. https://ko.wikipedia.org/wiki/%EA%B8%B0%EB%B3%B8%ED%96%89%EB%A0%AC 기본행렬 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 수학에서 기본 행렬(elementary matrix, En)은 nxn 크기의 단위행렬(In)에서 기본행연산(elementary row operation)을 한 번 실행하여 얻어지는 행렬이다. 또한 기본행연산의 ko.wikipedia.org 기본행렬에 대해서 언급하고 넘어가면 좋다. 행과 열의 크기가 똑같은 행렬을 정사각행렬이라고 하고 이때 첫 번째 원소부터 오른쪽 아래로 대각선..

고체역학:: 1. Tension, Compression, Shear

개요기계공학에서 배우는 4대 역학은 동역학, 열역학, 고체역학, 유체역학이다.우린 그중에서 정역학의 일종이라고 할 수 있는 고체역학에 대해 공부할 것이다. 정역학은 단어 뜻 그대로 멈춰있는 상황을 역학적으로 분석한다.이는 일반물리에서 배운 물체의 평형과 같은 상황에서 적용된다.알짜힘이 0이며(이동하지 않으며) 토크(회전하지 않는다)가 0인 조건에서 물체 내부의 변형, 이를테면 전단, 비틀림 등을 적용한 상태에서 물체를 분석하는 것이 고체역학이라고 할 수 있다.  Normal Stress&Strain기본 가정이 들어가야 한다.먼저 늘이고 줄이는 물체는 Prismatic bar, 기둥 모양이며 힘은 기둥의 중심축을 따라 가해진다.그리고 물체는 균일하다. Normal stress는 압력과 단위가 같다. 일반물..