2022.02.17 TIL 30일차

To do

리액트 SPA 공부 ㅇ

요소수 지도 CSS 처리 △

 

-

 

<리액트>

 

Switch - 보여줄 컴포넌트 설정 /

Route - 해당 컴포넌트가 보이는 주소 설정

 

<요소수 지도>

CSS에서 색상을 넣을때, 단일 색상이 아닌 그라데이션 속성을 줄 수 있다.

https://www.cssgradienteditor.com/

CSS Gradient Editor

위의 사이트에 접속하면, 코드에 적용하기 전에 미리 그라데이션 상태를 확인 할 수 있으며

해당 코드를 알려준다.

 

▽박스 테두리 색상을 그라데이션 처리 한 모습 

테두리의 투명도를 조절하고 싶은데,

그라데이션 관련 코드와 함께 사용하는 방법을 찾지 못해서

해결중이다.

 

계획했던 그라데이션 처리를 완료하여,

주유소 리스트를 받아오는 코드를 작성할 예정이다.