본문 바로가기

전체 글168

220403 Mycloset 애초에 스와이퍼를 쓸 생각이었기 때문에 떠 있는 버튼들을 absolute를 줘서 서로 따로놀지 않도록 나름 머리를 굴려서 배치해뒀다.... 하지만 스와이퍼가 옷 보기에는 정말 옷장처럼 예쁘나, 사용성엔 불편함이 있을것같아서 옆과 같은 방식으로 변경하였다.(스크롤 내리는 형식) 근데 생각해보니까.. 스크롤이 내려가니까 당연히 absolute에 걸어놓았던 애들은 고정되어있지않고 같이 위로 올라간다.. 내일 다른거 하지 않고 저거 포지션 값부터 변경해야겠다..ㅠㅠㅠㅠ........ 내일부터 해야할 일! 1. position 준 애들 다 값 변경해야함 2. 아래로내리니까 당연히 위로 당기는 버튼 필요함 . 어디에 위치할지 고려해야함(위로가기버튼) 3. 저거랑 다른 옷 중심(사진)의 카드 만들어야함 4. 그에 해.. 2022. 4. 3.
220402 my closet 정리 지금까지 한 일 메인, 내 옷장 기본 틀. 넣어야 할 것 1. 스와이퍼 문법 배워서 옷장을 스와이퍼로 나타내기 - 카드형태, 사진 위에 태그형식으로 옷장등록시 선택한거 나오게 하기. #여름 #치마 - 사진에 active할때 수정, 삭제 버튼이 나오게 하기 2. 메인 설명창 js 스르륵 나타나게 하기 3. 내 옷장 날씨 api 통해서 날씨 지역 상태 받아오기 -4와 같은 함수로 짜놓기..(계절별로) -상태에 따른 이모지 변화 switch문으로 짜기 -지역은 위치를 받는게 아니라 회원가입 시 등록하는 것으로 하기 4. 내 옷장 온도 설정 시, 맞는 옷 들고 오기 https://curious-tarsier-9682e2.netlify.app/ 이후에 할 일 -회원가입 로그인창 분리, 디자인 변경 -회원가입 지역.. 2022. 4. 2.
220401(css) 현재까지의 상황에서 어제 고민했던 부분에서 알게된 점을 얘기해 보려한다. (아니 이렇게 캡쳐를 하니까 저기 동그라미 z-index:-1;안준게 눈에 보이네..)수정함 설명들 가운데 정렬하기 (내일하기) 1.무작정 부모에게 position:relative; 주지 않기 -이전에 저 설명 말풍선을 한번에 모아서 한 div에 넣었고, 디바이스의 화면크기를 늘렸더니 내가 원하는 위치에 오지 않았다. 아주 자유 분방하게 위치해있었다. 그것에 대해 고민이 많았는데, 버튼의 하위요소로 말풍선을 해놓고 js로 변수로 선언해서 한번에 띄워야하는건가 싶었다. 생각해보니 굳이 상위요소인 div에 relative를 주지 않고, wrap을 position:relative을 하면 위치에 벗어나지 않을 것 같았다.(버튼들도 상위요소.. 2022. 4. 1.
220401 https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded aria-expanded - Accessibility | MDN The aria-expanded attribute is set on an element to indicate if a control is expanded or collapsed, and whether or not its child elements are displayed or hidden. developer.mozilla.org 네이버 쇼핑에서 ?표시의 메세지 박스?를 봤는데 설명하는 부분을 absolute로 준줄 알았는데 aria 어쩌구를 써서 적혀있었다. 참 html도 기능이 많구.. 2022. 4. 1.

티스토리툴바