CRUISEWEB

https://developers.google.com/web/updates/2018/03/cssom

Gary is an avid hiker. He tracks his hikes meticulously, paying close attention to small details like topography. During his last hike he took exactly steps. For every step he took, he noted if it was an uphill, , or a downhill, step. Gary's hikes start and end at sea level and each step up or down represents a unit change in altitude. We define the following terms:A mountain is a sequence of co..

달력 See the Pen calendar by leeYura (@2yulrang) on CodePen. 이것도 옛날 과제 ㅋㅋㅋ 어제 생각나서 만들어 봄… 이것도 못만들었었는데 다시 만들어봄 ㅋㅋㅋㅋㅋㅋㅋㅋ 확실히 공부 하고 하니까 옛날보다는 낫다 옛날보다는~~~ ​

계산기 See the Pen calculator by leeYura (@2yulrang) on CodePen. 심심해서 만들어본 계산기 이것도 옛날에 과제였었던 것 같은데 그 때 못 만들었던게 아쉬워서 한 번 만들어봤다 ㅋㅋㅋ ~_~ 2자리 수 이상의 연산이 안돼서 ㅋㅋㅋ 다시 수정했다 ​

눈내리는 풍경 See the Pen snow by leeYura (@2yulrang) on CodePen. 언젠가 한 번 그려보고 싶었던 눈 내리는 풍경! 학과 과제였던 미사일 과제 응용해서 만들어봤다 ~_~ ​

nodejs 다시 깔고 git 다시 깔고config set prefix도 해보고 다 해봤는데 안된다...잘되던게 안되니까 답답해 죽을 노릇

prevent mobile context menu 프레스 인터랙션 시에 뜨는 기본 컨텍스트 메뉴를 막고 다른 인터페이스를 보여주고 싶을 때 사용! CSS 속성으로는 pointer-events를 사용해 아예 타겟이 되지 않도록 하는 방법도 있다. 내부 이미지에 해당 속성을 지정해 주고 링크에 아래 스크립트를 적용해주었다. See the Pen [JQUERY] prevent context menu by yulrang (@2yulrang) on CodePen. ​

number format 숫자에 컴마(,) 찍기 See the Pen number format by yulrang (@2yulrang) on CodePen. ​

pie 차트 애니메이션 See the Pen drawing donut by yulrang (@2yulrang) on CodePen. stroke-dasharray와 stroke-dashoffset을 활용하여 파이 차트 애니메이션을 제작했다. stroke-dasharray 속성은 dash와 gap의 길이를 지정할 수 있으며, stroke-dashoffset은 dash의 오프셋 위치를 조정할 수 있다. 애니메이션 키프레임에서 stroke-dashoffset 속성을 사용해 대시의 오프셋 위치를 조정해줌으로써 차트의 움직임을 표현했다. 퍼센트 값을 남은 부분의 퍼센트 값으로 바꾸고, 각도로 치환하고, 부채꼴의 호의 길이를 구하여 stroke-dashoffset 값으로 넣어준다. 파이의 너비는 stroke의 두께..

ver 1 ver 2 하람이랑 지은이랑 프로젝트 하기로!!! 둘 다 바빠서 제대로 할 수 있을까 모르겠는데 일단 기획하고 디자인하고 수정 하는 중! 하람이가 말한대로 디자인 조금 수정하고 있는데음 얘기나눠보고 뺄거 빼고 넣을거 넣고 완료되면 퍼블리싱 하는걸로