규리스인 조르바

기존의 커서모양인 pointer가 아닌 hover상태에서는 grab, active상태에서는 grabbing 형태로 나타나도록 바꿔 주었다. 사진과 같이 위쪽 모양의 화살표 아이콘을 두어 스크롤을 내렸을 때 한번에 맨 위쪽으로 올라갈 수 있도록 하는 아이콘을 만들었다. 아래쪽에 id "backtotop"과 class "show"를 가지는 a태그를 추가 border-radius: 20px; border-radius의 값을 width,height 값의 1/2로 설정하게 되면 원 모양 position: fixed; bottom: 30px; right: 30px; position을 fixed로 설정했기 때문에 bottom과 right가 반드시 필요하고, 이 때 id "backtotop"을 가지는 아이콘은 문서 흐..

시작하기 전, 인프런 강의를 복습하기 위해 지금까지 배운 기술들을 이용해 웹페이지를 하나 만들어보기로 했다. 아직 대단한 기술을 사용할 수 없기에 무언가를 소개하는 페이지를 만들어야겠다고 생각했다. 프론트엔드를 배워보고 싶다고 생각한 가장 큰 이유는 시각적으로 바로 보이는 코드에 대한 호기심도 있었지만, 나만의 무언가를 만들 수 있다는 것이 가장 매력적으로 다가왔다. 내가 좋아하고 관심 있어하는 분야를 표현하는 일이라면 조금 더 설레는 마음으로 공부를 할 수 있을 것 같았다. 그래서 내가 선택한 것은 '스트릿 우먼 파이터'다. '스트릿 우먼 파이터'는 작년 한해 나에게 꽤 큰 영향과 울림을 주었던 예능이다. 예능을 3 회독한 건 이번이 처음일 거다. '스우파'에 나온 무대 영상을 모아놓음으로써 8 크루를..