
[1人 프로젝트] 트위터 클론코딩 8회차
2022. 1. 29. 20:56
프로 젝트/트위터
🎉 성과 완성한 부분 트윗 정렬, 삭제 및 수정버튼 CSS파일 적용 ✨ 느낀점 👍 알게 된 점 상자의 width크기를 넘어가는 글자 줄바꿈하기 글자가 포함되는 상자에 word-break: break-all을 작성하면, 줄바꿈이 된다.

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

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