몽땅뚝딱 개발자

🚩 반응형 웹디자인 수업 (2021.07~2021.09) ⭐ 목적 · 전체적인 레이아웃을 위한 엘리먼트를 배치할 수 있다. · 디바이스의 폭에 따라 반응형으로 동작하는 웹페이지를 만들 수 있다. · 자식, 부모 속성을 부여하여 원하는 위치에 요소를 배치할 수 있다. 🔗 URL https://hvsundev.github.io/my-portpolio/project1/index.html 혹시나 전체적으로 구현된 모습이나 소스를 보고싶은 분이 계시다면 해당 파일 다운로드 후 알집을 풀고 index.html을 크롬으로 실행하면 볼 수 있습니다! 🎨 Design 📁 tree ├─ css │ ├─ common.css ├─ img │ ├─ 이미지들.. ├─ index.html 📄 index.html 개인 기업 로그인 ..

🚩 반응형 웹디자인 수업 (2021.07~2021.09) ⭐ 목적 · 전체적인 레이아웃을 위한 엘리먼트를 배치할 수 있다. · 코드 작성 순서에 따라 배치되는 엘리먼트가 아닌 지정된 위치에 고정되어야하는 엘리먼트의 경우, 부모와 자식 속성을 지정하여(position값 지정) 위치를 잡는 방법을 이해한다. · px로 고정된 폭을 잡는 것이 아니라, calc() 함수를 사용하여 디바이스의 폭에 따라 엘리먼트의 폭도 함께 조절하는 방법을 이해한다. 🔗 URL https://hvsundev.github.io/my-portpolio/project2/index.html 혹시나 전체적으로 구현된 모습이나 소스를 보고싶은 분이 계시다면 해당 파일 다운로드 후 알집을 풀고 index.html을 크롬으로 실행하면 볼 수 ..

🚩 반응형 웹디자인 수업 (2021.07~2021.09) 기본적인 코딩 후, 직접 디자인하고 코딩해보는 시간을 가졌다. 강사님이 주신 레이아웃과 텍스트를 유지한채로 해야했기 때문에.. 이미지 소스가 굉장히 풍부한 스타벅스로 해보기로 결정했다. 사실 내 일을 할 때는 이미 만들어진 화면을 받아 개발을 했던터라 레이아웃 자체를 만들어볼 일이 없었는데 이번에 내 포트폴리오를 준비하면서 디자인과 CSS도 함께 더해보며 화면을 그려보고자 했다. 상자를 나란히 나열하는 것도 어려웠던 내가.. 이렇게 해냈다. 정말 좋은 수업이다. ⭐ 목적 · 전체적인 레이아웃을 위한 엘리먼트를 배치할 수 있다. · float 속성을 사용하여 적절한 위치에 를 배치할 수 있다. · float 속성 사용 후, clear: both를 이..

◽ 레이어 생성 // 새 창을 띄워 새 레이어 생성 Ctrl + Shift + N // 새 창 없이 바로 새 레이어 생성 Ctrl + Shift + Alt + N ◽ 레이어 삭제 Delete ◽ 레이어 선택 Alt + [ Alt + ] ◽ 선택된 레이어 옮기기 // 한칸 단위로 옮기기 Ctrl + [ Ctrl + ] // 가장 상단/하단으로 옮기기 Ctrl + Shift + [ Ctrl + Shift + ] ◽ 전경색/배경색 채우기 // 전경색 채우기 Alt + Del // 배경색 채우기 Ctrl + Del