차곡차곡

오늘 한 것 식물 추천 결과 페이지 생성 해야 할 것 온도 표시하는 동그라미 위치가 내 화면에선 잘 나오는데 다른 화면에선 이상하게 나올 거 같다. 아래 네모 div랑 중첩 돼야 해서 position : absolute 를 줬더니 위치 조절이 이상하게 된다,, relative 주면 크기 조절이 안 되고 🤔 전달되는 정수 값에 따라 햇빛, 물 아이콘이 색칠된 것과 빈 것으로 적절하게 배치돼야 한다. 지금은 걍 나열함 (햇빛 색 없는 아이콘 필요) 아래에 확인버튼이나 재추천받기 버튼이 있어야 할 거 같다

오늘 한 것 식물 추천 초기 페이지 생성 선택한 값 표시 및 리스트에 담기 해야 할 것 추천 받는 페이지에서 선택한 값을 리스트에 담는 건 되는데 화면에 반영이 안 된다 ㅜ 어떻게 했는지 기억이 안 남 .. 화면에 답변 예시들 띄울 때 선택한 값이면 다른 색이 나오도록 삼항 연산자 이용해서 구현했는데, 선택한 값을 바꿔도 색은 동기화가 되지 않는다ㅜ 식물 추천 초기 페이지에서 화살표 위치 수정 참고자료 요소 중앙 정렬 http://milooy.github.io/TIL/CSS/css-block-inline-block-vertical-align.html#한줄-텍스트-수직-가운데-정렬 .layer { position : absolute; left : 50%; top : 50%; transform : trans..

오늘 한 것 단위 변경 (rem → vw, vh) : 모든 화면에서 설정한 크기, 간격 등이 동일하게 나오도록 vw, vh로 단위를 변경해주었다. 헤더 내 요소들 위치를 margin-left를 이용해서 설정해주었었는데, 그 방법보단 width를 지정한 요소들을 float: left로 나열해주는 것이 정확한 위치에 올 수 있을 것 같아서 바꿔주었다. 요소들의 width 총합이 100이 나오면 화면 가로 길이에 딱 맞게 나눌 수 있다. 식물 추천 페이지 디자인 초안 완성 해야 할 것 선택한 항목 색 다르게 뜨도록 hover 등 구체적인 css 참고자료 요소 나열 https://velog.io/@anrun/CSS-위치-지정하기position-float-inline-block-hyk5xn5nql css 단위 h..