목록Js&React 실습/mycloset (6)
언젠간 진화하겠지!
요즘 정신이 없어서 깃에 잔디를 심지 못했다ㅠㅠ https://curious-tarsier-9682e2.netlify.app/ 1. 자바스크립트 통신 부분 2. 구조적 문제 - 옷장 등록 모달 (추후에 미디어쿼리) - 옷장 리스트/사진형(리스트 flex:column /사진형: 정렬 그리드 사용) (추후에 미디어쿼리) -header 따로 분리 3. 디자인 문제 - 메인화면 옷장 빼고 텍스트 애니메이션 배워서 글자 움직이도록 만들기 - 회원가입, 로그인, 옷장 등록에 보이는 select css 수정 1차수정(옷장등록 default값 제외하고 해결) - 옷장에 있는 input type ="range" css수정 - input text 부분에서 자동 완성 시 파란색으로 변경 => 구글링 후 css 변경 4. 스..
https://curious-tarsier-9682e2.netlify.app/ 1. html구조, 버튼 위치 변경함 => 문제점: 온도 설정바가 컨텐츠를 너무침범하는 현상+position을 윗 값만 줘서 부모의 맨 왼쪽에 붙게 됐는데 해결점이 필요함(검색해보기-position 공부!) -max-width를 1100px로 줬으니 안에 컨텐츠를 width: 90%로 설정하면 되지 않을까? 이 방법으로 변경 2. 아직 통신 배우지 않았음(ㅋㅎ 제이쿼리만 아는게 제일 웃김..ㅎ..)패캠 강의 듣고 할 예정 - 패캠에 바닐라 Js통신이 없어서 다른 강의 듣고 하겠음. 3. 옷장 등록을 새창에서 해야할 것 같은데.... 모르겠다... 모달로했음 4. 이미지를 수정하는 라이브러리를 검색해 봐야겠다....아님 하는 방..
해결한 사항 1. 목록형, 사진형 버튼누르면 바뀌게 설정 - js에 foreach문을 써서 해결함( 까먹고 querySelector 했다가 하나만 움직여서 querySelectorAll씀) 2. 설명+목록사진 버튼도 fixed 해결해야 하는 사항 1. 버튼 html구조,위치 바꾸기 -설명 버튼, 쓰기 버튼 온도계 버튼 2.css값 통일. -z-index , root정리 - 아주 왔다리갔다리해서 신경쓰여죽겠음.
1. html구조를 개판으로 짜놔서 대대적인 수정이필요하다 - 버튼을 좌 우로 나눠놨는데 컨텐츠가 시작하기전에 몰아놔야겠음( fixed) 2. 내 옷장에 아무것도 없을 때의 화면이 필요하다 - 옷장의 opacity를 주어서 해야하나 싶다.. 거기에 옷장이 텅 비었어요 했음 3. 내옷장의 목록형과 사진형(?)을 만들어놧지만, 사진형일때 모아두기를 안했음.. 그리고 카드의 크기도 상대적일 필요가있다 -목록형 사진형 선택가능하게 추천하기 아래에 바 만들고 구글 icon가져오기 - flex를 이후에 주등가 width가 어느지점에 커졌을때 카드가 한페이지에 여러 개 올 수 있도록 하기 4. 스크롤로 바뀌었기 때문에 올라가기 버튼필요
애초에 스와이퍼를 쓸 생각이었기 때문에 떠 있는 버튼들을 absolute를 줘서 서로 따로놀지 않도록 나름 머리를 굴려서 배치해뒀다.... 하지만 스와이퍼가 옷 보기에는 정말 옷장처럼 예쁘나, 사용성엔 불편함이 있을것같아서 옆과 같은 방식으로 변경하였다.(스크롤 내리는 형식) 근데 생각해보니까.. 스크롤이 내려가니까 당연히 absolute에 걸어놓았던 애들은 고정되어있지않고 같이 위로 올라간다.. 내일 다른거 하지 않고 저거 포지션 값부터 변경해야겠다..ㅠㅠㅠㅠ........ 내일부터 해야할 일! 1. position 준 애들 다 값 변경해야함 2. 아래로내리니까 당연히 위로 당기는 버튼 필요함 . 어디에 위치할지 고려해야함(위로가기버튼) 3. 저거랑 다른 옷 중심(사진)의 카드 만들어야함 4. 그에 해..
지금까지 한 일 메인, 내 옷장 기본 틀. 넣어야 할 것 1. 스와이퍼 문법 배워서 옷장을 스와이퍼로 나타내기 - 카드형태, 사진 위에 태그형식으로 옷장등록시 선택한거 나오게 하기. #여름 #치마 - 사진에 active할때 수정, 삭제 버튼이 나오게 하기 2. 메인 설명창 js 스르륵 나타나게 하기 3. 내 옷장 날씨 api 통해서 날씨 지역 상태 받아오기 -4와 같은 함수로 짜놓기..(계절별로) -상태에 따른 이모지 변화 switch문으로 짜기 -지역은 위치를 받는게 아니라 회원가입 시 등록하는 것으로 하기 4. 내 옷장 온도 설정 시, 맞는 옷 들고 오기 https://curious-tarsier-9682e2.netlify.app/ 이후에 할 일 -회원가입 로그인창 분리, 디자인 변경 -회원가입 지역..