학원에서 배운 것/JavaScript19 [포스코 x 코딩온] 팀프로젝트 추가 기능(스티커?..) 해시태그를 스티커처럼 드래그앤드롭 해주는 이벤트를 넣어주고 싶어서 알아봤다. mousedown -> mousemove -> mouseup 순서로 해주는거라고는 하는데 드래그 앤 드롭이 잘 먹히지 않아서... 그냥 임의로 클릭하면 마우스를 따라오는 요소를 만들어서 다시 document를 누르면 그 자리에 요소가 픽스되게 만들었다. 음.. 근데 스티커가 클릭하면 각도가 변경되게 해주고 싶은데 난수 설정이 잘 안되어서 흠 했다.. 이것저것 구글링 해본 결과, Math.random() 에 - 0.5를 해주면 일단 음수값이 들어가고 -1, 0, 1 로 나오므로 여기에 원하는 범위를 곱해준다.. 결과적으로 원하는 모습이 나오긴 했다만 좀더 좋은 방법은 없을까 고민된다. 근데 왜 커서에서 거리가 저렇게 먹히는지는 도.. 2023. 3. 4. 내가 맡은 페이지는 거의다 끝냈다. 팀플 때문에 정신 없다.. 열심히 하려고 하는데 부족해보이는 건 어쩔 수 없나보다. 다만 제시간 안에 해낸다는 점에 의의를 두기로 했다. 응급실이 너무 동떨어져서 아예 귀여운 컨셉으로 가자!했는데 볼 수록 유치한거 같기도 하고 근데 내 원래 성향이 귀여운걸 좋아하는걸 어쩌나 싶다.. 그리고 묘하게 swiper가 중앙이 안 맞아서 짜증난다. 계산을 해봤는데 자꾸 어긋난다. 근데 100비율에서 저러고 50%로 줄이면 또 맞는게 이상함 나름 만들어봤는데 벌써 레이아웃을 3번은 갈아엎어서 이정도로 만족하기로 했다. 지금까지 만들었던거 중에서 제일 나은거 같아서.. 물론 내 페이지만 좀 동떨어진 느낌이 나기는 하지만 ㅠㅠ... 응급실은 도저히 사진으로 어떻게 할 수가 없었다 ..고 변명 아닌 변명을 해본다. 그래.. 2023. 3. 3. 삼일절도 달려야한다니 팀 작업이 중간에 다다랐다. 뭔가 한건 많은 것 같은데 막상 까보면 별거 없는 기분이라 조금은 허무하기도 하다. 꽤 .. 귀여울지도? 오늘은 scss를 활용하여 @each와 @if를 사용해보았다. 이미지를 넣기 위해... 해봤는데 css 코드 몇 줄 줄이자고 이걸 꼭 써야하나 하는 생각이 사라지지 않는다 ㅋㅋㅋ $mainImgName : 'activity' 'cafe' 'food' 'tourist' 'emergency'; @each $el in $mainImgName { $idx : index($mainImgName, $el); &:nth-child(#{$idx}) .parts__image { $path : '../source/' + $el + 'Main.jpeg'; background-image: ur.. 2023. 3. 1. Fontawesome 과 OpenWeatherMap 사용기 + 가상 클래스 선택자는 js로 접근이 어렵다 구글링과 노마드코더의 강의를 보고 해당 API를 적용해보았다! https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on the global and local weather models, satellites, radars and a vast network of weather stations. how to obtain APIs (subscriptions w openweathermap.org 날씨나 기온은 가져오면 .. 2023. 2. 28. 이전 1 2 3 4 5 다음
