본문 바로가기

GAS29

랜덤정렬하기 https://www.youtube.com/watch?v=bV7nQNdv0YA Excel And Vba님 코드를 보면서 앱스스크립트 개념을 다잡고 있어 코드 리뷰를 해보도록 하겠다. 더보기 function rndX() { let sht = SpreadsheetApp.getActiveSheet(); let v= sht.getRange("b4:b17").getValues(); v.sort(()=>Math.random()-0.5) let t = sht.getRange("d4:d17").setValues(v); let val = sht.getRange("f8"); val.setValue(val.getValue() + 1 ); } 코드는 평범하였지만 v.sort(()=>Math.random()-0.5) 이부분이 .. 2023. 6. 20.
가상클래스의 꽃(before after) https://www.youtube.com/watch?v=ekkN60XBs7k&t=1080s before after에 대해서 이번에 확실히 알아가는 시간이 되길 바란다. Cording Works님은 딕션도 좋고 내용도 체계적이기 때문에 유료강의를 들으시면서 본인만의 스타일을 잡아가는것도 나쁘지않다고 생각한다. See the Pen before_after by ektjtthsrk (@minos79) on CodePen. https://fontawesome.com/ Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Al.. 2023. 6. 20.
Stunning 3D Effect With CSS https://www.youtube.com/watch?v=OP0ur2QJT00 저번시간에 이어 clip-path : polygon을 사용하여서 마치 장미꽃이 글자사이를 통과하는 효과를 내게 하는 재밌는 구문이다. html 코드중에 어려운건 없지만 이미지를 불러올때 본인의 구글드라이브에 이미지를 업로드 한 후에 그 업로드된 이미지 링크를 src로 사용하면 이미지가 잘 불러와 질것이다. https://www.somanet.xyz/2017/06/blog-post_21.html 구글 드라이브를 외부 이미지 링크 저장소로 사용하기 Update 2020/6/19: 최근 구글 드라이브의 공유주소가 약간 변경되었나 봅니다. 몇몇분이 댓글로 알려주셔서 새롭게 바뀐 Prefix로 변환하도록 수정하였습니다. 다들 관심가져주.. 2023. 6. 19.
Mini Time & Date Widget https://www.youtube.com/watch?v=USoocGbbl4s See the Pen Mini Time & Date Widget by ektjtthsrk (@minos79) on CodePen. 코드 리뷰를 시작하겠다. Html은 시계와 날짜 영역을 Div태그로 나누었다. 더보기 Css 영역 역시 grid로 시간 영역과 날짜 영역으로 나눈 뒤 세부적으로 마무리하였다. * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #1a1a1a; } .container { width: 21.78em; display: grid; position: abso.. 2023. 6. 19.