진주의 개발괴발

🤔모르는 게 뭔지 인식하자 unit7은 그동안 배웠던 지식을 총집합시키는 기분이었다. 강의를 보면서 문제를 푸는데 전혀 알 수가 없었다. 설명이 의도적으로 많이 빠져있어서 혼자서 낑낑대면서 알아내야 했다. 이것저것 건드려보기도 하고 이건가 하고 적었다가 이해를 하기도 했다. 딱 파일을 열었을 땐 너무 막막했다. 이게 내가 배웠던 게 맞나...? querySelector 는 뭐고 event는 뭐고... 😵 Document.querySelector(selector) : 문서에서 ()안의 선택자와 일치하는 첫번째 요소를 반환한다. 알고보니까 운도님께서 한번 보여주신 적 있던 녀석이었다. 이게 복습의 중요성이군아 ㅠㅠ😥 우선 모르는 게 뭔지 알기 위해 천천히 코드를 읽어내려갔다. 위에 선언문은 복잡하니까 패스하..

🤡첫 목업 2022.10.26 수요일 예습을 하다가 처음으로 목업을 만들게 되었다. 우선 와이어프레임부터 Figma를 이용해서 그려보았다. 와이어프레임이라고 하기엔 전부 면이긴 하지만... 어쨌던 각 요소의 이름을 적어두었다. 나중에 만들면서 추가된 부분도 있지만 확실히 와이어프레임이 있는게 더 편리하고 정돈되는 느낌이다. 그렇게 만들어진 요상한 목업 만들면서 너무 신기했었다. 내가 색을 넣는대로 바뀌어서 기분이 좋았던 😁 👻그림자 목업 2022.10.28 금요일 이전 목업은 과제로 제출하기에 모자라다는 생각이 들어서 다시 만들었다. 이번에는 전에 만든 계산기와 거의 모양이 흡사하여 같은 와이어프레임을 사용했다. 그림자로 3D효과를 내고 싶었는데 실패했다. CSS 그림자 예시 사이트 이 사이트로 공부를 ..

💡CSS 기초 CSS : 스타일시트, 색맹이나 장애인에게 친화적인 UI를 만들 수 있다. 기본 구조 div(셀렉터){ background-color(속성명 : property): red (속성값 : value); } 💡CSS Property color : 색상코드 //글자 색을 바꿈 text-decoration : underline // 밑줄 text-weight : bold // 글자 굵게 : 숫자 // 글자 굵기 숫자로 정함, 900이 최대 background-color: 색상코드 // 배경 색 바꿈 CSS -> HTML 적용 방법 HTML에 작성하여 링크함 CSS에 스타일 따로 적용하는 이유 : 💡박스모델 margin [ boarder [ padding [content] ] ] 다양한 박스의 속성 ..