[TIL] 24.01.02 ~ 24.01.04

반응형

💋 24.01.02

• npm_modules 가 너무 무거워서 yarn berry를 알아봤다.
• 이 짤이 너무 웃김ㅋㅋㅋㅋㅌㅌ

 

• NextJS에서 API를 fetch하는 내용 공부함.
• seo 관련해서 어떻게 해야할지 바질, 겨자랑 작전 회의 했는데 너무 재미있었음. 뭔가 왜이렇게 재밌지? 오길 너무 잘했다는 생각이 들기 시작함!

 

 

💋 24.01.03

• intellij로 작업하고 싶어서 여기에 prettier도 설치하고 모든 세팅을 드디어 완료함. 열심히 개발할 일만!

 

• 이런식으로 왼 ⇒ 오로 갈 수록 그라데이션 하는 방법
• 글자 자체에 그라데이션 넣는 방법은 없는 것 같고, 하려면 배경색에 그라데이션을 넣고 글자 자체를 투명하게 뚫는 방법인 것 같음! (아닐 수도 있음)

 

.d212 {
		font-weight: 800;
		font-size: 71px;
		line-height: 85.2px;
		background: linear-gradient(to right, $primaryPink, $primaryPinkGradient);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	  }

 

• 이미지 우하로 갈수록 그라데이션
• 아주 괜찮은 stackoverflow를 발견해서 간신히 해냄

왼: before / 오: after

 

.img21 {
	width: 631.5px;
	height: 552.5px;
	mask-image: linear-gradient(to bottom right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  }

 

 

• 이미지 div 안에서 오른쪽 정렬하기
• 이건 진짜 은근 왜 어렵지,,, css 넘 어려웡,,,
• https://www.delftstack.com/ko/howto/css/css-align-image-right/

 

💋 24.01.04

• 작년 마지막날에 부산 놀러갓다 왓는데 ktx, 버스에서 팔꿈치를 낑긴 채로 다녀서 그쪽 신경이 조금 눌렸는지 오른쪽 새끼손가락이 너무 아프기 시작했음. 그냥 대강 약 먹고 있는데 초음파로 신경 봐야대나 고민중,,, 제일 슬픈건 shift를 누르기가 너무 힘들다.
• 새 팀에 첫 번째 pr을 올렷다. scss는 첨 써보는데 편하더라고요! 근데 css 자체가 너무 어려워가지고 엄청 헤매다가 아마도 현재는 가운데정렬 부문은 잘하게 되엇다. 근데 별것도 아닌거에 flexbox 남발하는 아이가 되어버림. 나중에 배포하면 내가 만든 페이지 자랑해야징
• 신나게 페이지 하나 뚝딱 완성해서 바로 Pr 올렸는데 유감스럽게도 ci가 통과를 못하는 현상이 발생함. 않이 이걸로 삽질 엄청나게 하다가 결국 로컬에 도커를 깔아서 해결해냈다. 공식문서에 친절하게 나와있는데, 무튼 내가 next js 규칙을 안지켜서 그런거였다. 
  • 혼자 신나서 component 만들어놓고 그걸 그대로 pages 디렉토리에 두고 나왔더니 발생한 에러였음. 공식문서 아래!
  • 그래서 컴포넌트 폴더로 옮겼더니 해결됨! 프레임워크가 정해준 규칙은 잘 지키자!

 

 

해-결

 

 

도움이 되었다면, 공감/댓글을 달아주면 깃짱에게 큰 힘이 됩니다!🌟
비밀댓글과 메일을 통해 오는 개인적인 질문은 받지 않고 있습니다. 꼭 공개댓글로 남겨주세요!