css4 ✨ 귀여운 계산기 ✨ 미니 프로젝트 스터디를 시작했다. 첫 번째 주제는 바로 계산기 만들기! 안 그래도 실습 때 만들었던 계산기 목업에 실제 기능을 넣어볼 생각이었기 때문에 즐겁게 프로젝트를 시작했다. 실습 때 만들었던 계산기 목업 ↓↓↓ https://ddppp.tistory.com/31 나만의 계산기 만들기 아래 이미지는 12/26일 페어 실습 때 만든 계산기 목업이다. 먼저 아래와 같이 파워포인트를 이용하여 간단한 와이어 프레임을 만든 후 작업하였다. 배경과 글꼴은 웹에서 가져와봤고, 정렬은 flex ddppp.tistory.com - 예전에 짰던 코드를 다시 보려니 이해하기 쉽지 않았다. 그때도 나름 체계적으로 정리한다고 한 것 같은데 아무래도 눈에 확 들어오지는 않는 것 같다. 아직 기능 구현만으로도 벅차긴 하지만 .. 2023. 1. 29. 나만의 계산기 만들기 아래 이미지는 12/26일 페어 실습 때 만든 계산기 목업이다. 먼저 아래와 같이 파워포인트를 이용하여 간단한 와이어 프레임을 만든 후 작업하였다. 배경과 글꼴은 웹에서 가져와봤고, 정렬은 flexbox를 이용했다. 계산기 각 부분의 색은 크롬 응용 프로그램으로 배경색을 따와 활용하였다. 하면서 어려웠던 점은 먼저, flex 정렬이 의도와 다르게 반영되는 경우가 많아서 다루기가 쉽지 않았다. 원하는 대로 구조를 짤 수 있도록 연습해야겠다는 생각이 들었다. 그리고 별거 안 한 거 같은데 코드가 꽤 길게 나왔다. 코드를 좀 더 깔끔하게 정리할 수 있는 방법을 찾아봐야겠다. 이번 실습을 통해 그동안 배운 내용을 이용하여 처음부터 끝까지 직접 무언가를 만들어 볼 수 있었다. css도 이것저것 검색하고 적용해보면.. 2023. 1. 1. [HTML/CSS] 활용 보호되어 있는 글 입니다. 2022. 12. 24. [CSS] 기초 보호되어 있는 글 입니다. 2022. 12. 23. 이전 1 다음
