파이썬으로 쉽게 게임을 만들 수 있다. 파이썬은 다양한 라이브러리가 있는데 그중에서 pygame을 import 하면 혼자서도 다양한 게임을 만들어 볼 수 있다 이번에 만들 게임은 공 피하면서 터뜨리기이다~ 강좌를 보며 따라 만들어 보았다💻💻 https://www.youtube.com/watch?v=Dkx8Pl6QKW0&t=14s 내가 참고한 유튜브 강좌이다 강사가 쉽게 설명하면서 코드를 작성하니까 누구나 충분히 만들 수 있다~! 다음 포스트부터 코드에 대해서 살펴보겠다👊
마지막 footer영역에 대해 살펴보자! 딱히 어렵다 할 부분은 없는데 나는 글자 위에 가운데 경계선을 어떻게 해야 할지 잘 몰랐다. border로 하자니 footer위 전체가 선으로 표시되니까 이 방법은 쓸 수 없었다. 그래서 코드를 참고해보니 ::before을 이용해서 구현하였다 footer { margin-top: 2rem; margin-bottom: 10rem; } /* 경계선 만들기 */ footer:before { content: ""; border-top: 1px solid rgba(255,255,255, 0.3); display: block; width: 10em; margin: 5rem auto; } /* 경계선 만들기 */ footer p { text-align: center; colo..
몸통 부분의 section에 대해서 살펴보자 사진들을 포함한 부분들을 section으로 묶었다. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet 처음에 사진들을 어떻게 묶어야 될지 궁금했다 이런 방식으로 하면 된다~! html 부분은 이정도면 딱히 어려운 부분은 없다 다음 CSS부분에 대해서 살펴보자 /* 사진 정렬 왼쪽-> 오른쪽 */ .thumbnail { display: flex; margin-left: 1rem;..
이 웹 페이지는 '생활코딩'님의 유튜브 강의를 보고서 직접 만들어 보았다. https://www.youtube.com/watch?v=xYzowO0KR70 https://templated.co/visualize Visualize by TEMPLATED A simple, one-page portfolio design with a fully functional lightbox. templated.co 클론 할 웹 페이지이다. 먼저 html의 구조를 파악해야 한다. header, section, footer을 이용해서 머리-몸통-다리 부분을 나눈다고 생각하자 header부분에 대해서 깊게 분석해 보자 빨간색 박스 부분만큼 header로 잡았다. This is Visualize, a responsive site ..
