🎉 성과 완성한 부분 About 다음으로 Skill 단락을 만들어서 내가 보유한 기술과 자격증을 적었다. 완성한 이유 내가 열심히 공부하고있고, 어느정도 능력을 갖추고 있다라는 것을 보여주고 싶었기때문에 만들게 되었다. ✨ 느낀 점 💢 힘들었던 점 CSS 파일의 자체적인 에러 이번에 column을 이용했지만, column이 잘 작동하지 않아 flex, wrap-flex, table으로 배치를 변경해도 변화가 없었다. 또, 이유는 모르겠지만 body태그에 background-color도 적용되지않아 내가 만든 CSS에 큰 에러가 있다는 것을 깨달았고, 무엇이 문제인지 확인하려 했지만 도저히 못찾겠어서 새로 CSS 파일을 만들기로 했다. 다시 CSS를 재 작업하였고, 그 결과 column 배치가 제대로 적용..

🎉 성과 완성한 부분 Intro 다음으로 About 단락을 만들어서 이름, 전화번호, 생년월일, 이메일주소를 적었다. 완성한 이유 간소하게 나를 알리기 위해 만들었다. ✨ 느낀 점 💢 힘들었던 점 display 사용 원래는 column을 이용하여 구역을 나눠볼까 생각했는데 만들고 나니 높낮이가 이상하게 되었다. 그래서 인터넷으로 검색하여 다른사람이 만든 포트폴리오는 flex-wrap으로 만들어서 나도 flex-wrap으로 만들어 보았다. flex-wrap은 flex와 다르게 정해진 가로폭을 넘게되면 줄이동을 하여 몇줄로 만들 수 있다. 그래서 max-width를 정하고 한칸의 width를 50%를 주니 크기가 딱 알맞게 되었다. ❗ 보완할 점 column을 이용한 구조 제작 flex-wrap은 만들어보았..

🎉 성과 완성한 부분 PPT로 만든 요약본을 사진으로 만들어, 포트폴리오의 Intro 부분에 붙였다. 완성한 이유 포트폴리오를 열면 처음으로 보이는 부분이라서 신경을 써야겠다고 생각했고, 나를 요약한 내용이면 좋겠다는 생각이 들어 PPT로 작성하여 이미지를 붙이게 되었다. ✨ 느낀 점 💢 힘들었던 점 파워포인트 활용 대학교 때 이후로 한 번도 써보지 않았던 파워포인트를 오랜만에 써서, 초반에는 힘들었지만 금방 다뤘던 스킬이 떠오르면서 수월하게 작성해나갈 수 있었다. ❗ 보완할 점 포트폴리오용 PPT 제작 인터넷에 보니 웹사이트 말고도 PPT로 포트폴리오를 2~3개씩 가지고 있어서, 웹사이트 제작하면 나도 1개 정도는 만들어야겠다.

👩‍💻 이 프로젝트로 정한 이유 HTML을 독학으로 공부한 지 한 달이라는 기간 동안, 나의 개발 능력을 어필할 프로젝트와 나를 소개할 포트폴리오가 없어서 포트폴리오용 웹사이트를 제작하기로 정했다. 🎉 성과 완성한 부분 포트폴리오의 Intro 부분에 클릭하면 해당위치로 이동하는 메뉴바, 시간에 따른 바뀌는 해(달), 배경색상을 골랐다. 완성한 이유 어느 웹사이트에 들어가도 메뉴바가 존재한다. 조금 따뜻한 분위기로 포트폴리오를 봤으면 좋겠어서 분홍색을 골랐다. 타 웹사이트와 차별점을 주고싶어, 배운 자바스크립트를 이용해 시간에 따른 해와 달의 변화를 주기로 했다. ✨ 느낀 점 💢 힘들었던 점 내 생애 첫 개발 작품(클론코딩 제외) 내 생애 첫 번째 개발 작품이어서인지 무엇부터 작성하는지 몰라 틀만 잡는데도..

모두의 HTML5 & CSS3 - 교보문고 16일 만에 배우는 웹 사이트 제작 기초 | 누구나 16일이면 웹 사이트를 만들 수 있다!Day 01-03 | 웹 사이트 설계를 위한 HTML 기초 익히기웹 사이트 제작에 필요한 배경 지식 및 기본적인 레이아웃의 www.kyobobook.co.kr 🎉 성과 완성한 부분 HTML, CSS로 제작한 웹사이트에 애니메이션 효과 적용 완성한 이유 HTML과 CSS도 익숙하지 않아 어렵게 작업했는데, 애니메이션 부분은 더 어렵기 때문에 애니메이션 효과 넣기 전까지 완료했다. ✨ 느낀점 🧡 좋았던 점 기초 개념을 잡는데 도움 애니메이션 효과를 넣는 방법에 대해 모르고 있었는데, 실습을 통해 animation과 @keyframe의 이용방법을 습득 할 수 있었다.특히, -we..