본문 바로가기

Js&React 실습/mycloset6

220429 mycloset 지금까지 해야 할 부분 정리하기 요즘 정신이 없어서 깃에 잔디를 심지 못했다ㅠㅠ https://curious-tarsier-9682e2.netlify.app/ 1. 자바스크립트 통신 부분 2. 구조적 문제 - 옷장 등록 모달 (추후에 미디어쿼리) - 옷장 리스트/사진형(리스트 flex:column /사진형: 정렬 그리드 사용) (추후에 미디어쿼리) -header 따로 분리 3. 디자인 문제 - 메인화면 옷장 빼고 텍스트 애니메이션 배워서 글자 움직이도록 만들기 - 회원가입, 로그인, 옷장 등록에 보이는 select css 수정 1차수정(옷장등록 default값 제외하고 해결) - 옷장에 있는 input type ="range" css수정 - input text 부분에서 자동 완성 시 파란색으로 변경 => 구글링 후 css 변경 4. 스.. 2022. 4. 29.
220406-20 mycloset 지금까지 정리 + 문제점 https://curious-tarsier-9682e2.netlify.app/ 1. html구조, 버튼 위치 변경함 => 문제점: 온도 설정바가 컨텐츠를 너무침범하는 현상+position을 윗 값만 줘서 부모의 맨 왼쪽에 붙게 됐는데 해결점이 필요함(검색해보기-position 공부!) -max-width를 1100px로 줬으니 안에 컨텐츠를 width: 90%로 설정하면 되지 않을까? 이 방법으로 변경 2. 아직 통신 배우지 않았음(ㅋㅎ 제이쿼리만 아는게 제일 웃김..ㅎ..)패캠 강의 듣고 할 예정 - 패캠에 바닐라 Js통신이 없어서 다른 강의 듣고 하겠음. 3. 옷장 등록을 새창에서 해야할 것 같은데.... 모르겠다... 모달로했음 4. 이미지를 수정하는 라이브러리를 검색해 봐야겠다....아님 하는 방.. 2022. 4. 6.
220405 mycloset 해결한 사항 1. 목록형, 사진형 버튼누르면 바뀌게 설정 - js에 foreach문을 써서 해결함( 까먹고 querySelector 했다가 하나만 움직여서 querySelectorAll씀) 2. 설명+목록사진 버튼도 fixed 해결해야 하는 사항 1. 버튼 html구조,위치 바꾸기 -설명 버튼, 쓰기 버튼 온도계 버튼 2.css값 통일. -z-index , root정리 - 아주 왔다리갔다리해서 신경쓰여죽겠음. 2022. 4. 5.
220404 문제 1. html구조를 개판으로 짜놔서 대대적인 수정이필요하다 - 버튼을 좌 우로 나눠놨는데 컨텐츠가 시작하기전에 몰아놔야겠음( fixed) 2. 내 옷장에 아무것도 없을 때의 화면이 필요하다 - 옷장의 opacity를 주어서 해야하나 싶다.. 거기에 옷장이 텅 비었어요 했음 3. 내옷장의 목록형과 사진형(?)을 만들어놧지만, 사진형일때 모아두기를 안했음.. 그리고 카드의 크기도 상대적일 필요가있다 -목록형 사진형 선택가능하게 추천하기 아래에 바 만들고 구글 icon가져오기 - flex를 이후에 주등가 width가 어느지점에 커졌을때 카드가 한페이지에 여러 개 올 수 있도록 하기 4. 스크롤로 바뀌었기 때문에 올라가기 버튼필요 2022. 4. 4.