qwef

#ticket h2{ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right,red, purple); background-color: unset;} 우선, 뭔가 clip 기능 같은 것의 대상을 text로 설정한 다는 것이고, 텍스트를 채우는 데 그 color를 투명하게, 배경이미지는 실제로 url()해서 이미지로 해도 되고, 저렇게 그라디언트로 넣어도 된다. background-image 해서 할 수 있는 것은 다 되는 듯. 아니면 그냥 background-color도 되는 듯. 배경 뭐 해서 바꾸는 건 다 되는 듯 여튼 background-clip, 배경과 c..

뭔가 좀 겹쳐서 그 겹친 부분만 보여주는? 그런 기능인 것 같다. clip-path:polygon(0 0, 100% 10%, 100% 90%, 0 100%); polygon은 다각형 그리는 함수 같은데, 폴리곤이 다각형 이라는 뜻 이니까 저렇게 부모의 %에 맞춰 그릴 수 있고, (가로, 세로) 그렇게 선으로 이어 가다가 마지막은 처음 시작했던 점과 자동으로 연결되는 듯. clip-path:ellipse(80% 100% at 50% 0) ellipse(가로반경 세로반경 at 중심축위치x 중심축위치y) 타원 clip-path: circle(50% at 50% 50%); circle(반지름 at x중심축 y중심축) 원

mix-blend-mode: overlay; 글자에 쓸 수 있음. background-blend-mode는 배경용이고, mix-blend-mode는 글자? 요소? 용 인 듯. 자신의 배경 또는 부모와 어떻게 혼합될지 지정하는 속성 자신의 배경 또는 부모와 관련이 있어야 함. 조상도 되긴 하는 듯..?

position:sticky 이거 top, left 등 설정하면 스크롤 내릴때 평범히 내려가다 화면의 top이라던지 그 위치에 오면 붙어버림. 이거는 부모안의 영역까지만 붙어져 있음. 부모 영역을 벗어나면 그 부모의 맨 끝에 막혀서 더이상 못 따라옴. 부모의 position이 뭐든 그건 상관 없음.

왼쪽 저것들을 훅이라고 한다. 우리가 볼 것은 created 부터 그 다음 볼 것은 mounted 컴포넌트를 불러오면 created 해서 생성하고, 초기 랜더링 한번 한 이후 mounted 그러니까 mounted 이후 저 리렌더링 및 패치가 자바스크립트의 이벤트 루프 같은 느낌인 듯? 계속해서 리마운트, 즉 리랜터링 저 리랜더링 될 때의 조건이 여러가지 있는데 인스턴스를 DOM에 마운트 하는 경우, Date() 등의 데이터가 변경된 경우, 템플릿을 컴파일 한 경우, 데이터 관찰설정이 필요한 경우.. 등 이 외에도 조건이 많을 듯 한데, 그냥 뭔가 뷰에 보여질 것이 바뀌면 리랜더링 된다고 생각하면 될 듯. 일단 created는 우리가 신경쓸 수 있는 것 중 위의 라이프사이클에서 컴포넌트 연결 직 후 가장 ..

우리가 굳이 setAttribute()나 이런 거 안해도. $tag.id나 이런 거 지원해 주는 게 몇몇 있음. $input.value나 꽤 있음

querySelectorAll() 해서 가져온 거 .item(인덱스) 하면 됨.

function getRandomColor(){ return "#" + Math.floor(Math.random() * 16777215).toString(16); } 16777215가 16진수로 ffffff니까, 랜덤(0~1 사이) * 저거 하고 16진수로 바꿔주면 됨.

배경색과 배경이미지, 혹은 배경이미지들이 여러 개 있을 때, 그것들과의 관계를 정의. 여러가지 옵션을 넣을 수 있음. 마치 레이어 투명도? 조절 하면서 겹치거나 좀 어둡게 하거나 그런 느낌임. 여러 효과가 있음

start.spring.io의 개발종속 라이브러리는 h2 jdbc lombok 이렇게 3개 build.gradle에 testCompileOnly 'org.projectlombok:lombok' testAnnotationProcessor 'org.projectlombok:lombok' 이거 두개 추가, @Test 환경에서도 lombok 쓸 수 있게 해 주는거임. 그리고 h2 데이터베이스도 설치 해야 하는데 (위에 h2는 h2와 연동해서 다룰 수 있게 해주는 라이브러리) 라이브러리에 설치된 버전이랑 맞춰 줘야 함. 걍 저거랑 똑같은 버전의 h2 설치하면 됨. 설치 후, 실행해보면 근데 처음에는 db 파일이 없어서 연결 해도 에러 뜸. 저건 url로 접근하는 거라 파일이 없으면 못찾고, 맨 처음엔 직접 파일로..