Programming/html,css 9

Udemy The Web Developer Bootcamp Section 10 정리 | 반응형 css 및 Flexbox

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  flexbox... 이전 강의를 들은 사람이라면 강사님이 flexbox를 쓰면 더 편하다는 말을 여러번 하셨다는 걸 알 것이다. 그래서 flexbox가 뭔데?flexbox란, display : flex;를 적용한 박스이다. 진짜 그게 끝인데(내가 이해한 게 맞다면), 이를 이용해서 여러가지를 할 수 있다.  flex-direction : flexbox에는 main axis(주축)와 cross axis(교..

Udemy The Web Developer Bootcamp Section 9 정리 | 불투명도, 위치 등 유용한 css 속성 Opacity, Position, etc...

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  이제 css를 반.. 조금 덜 배웠다.오늘은 css에 애니메이션을 넣는 법을 배운다고 해서 조금 기대중이다.  Opacity와 Alpha Channel은 모두 불투명도를 바꿀 때에 사용한다.Alpha Channel는 rgba(r, g, b, a)와 같이 사용되며, 0부터 1 사이의 실수값을 가진다. 1은 완전 불투명, 0은 완전 투명이다. background-color : rgba(255, 255, 25..

Udemy The Web Developer Bootcamp Section 8 정리 | CSS 박스 모델 Box Model

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  이번 글은 css의 박스 모델을 공부한다. 사실 나도 뭔 소린지 모르겠다.지금 5일동안 8개의 포스트를 썼고, 이게 9번째 포스트이니 슬슬 정신이 나가도 이상하지 않다.현재 많은 tistory 글이 gpt에 의존하거나 인터넷 글 짜집기인 반면, 나는 직접 내가 배우고 정리하면서 작성하는 거니 말이다.python bootcamp에 비해 web developer bootcamp는 강의당 시간이 길다. pyt..

Udemy The Web Developer Bootcamp Section 7 정리 | CSS 선택자 Selecter

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  이번에 배울 건 선택자이다.  아래의 접은 글은 섹션 6 정리글에 언급했던 선택자 관련 글인데, 선택자가 무엇인지 모르겠다면 간단하게 보고 넘어가면 될 것 같다.더보기  선택자에는 여러 종류가 있다. Universal Selector*로 모든 개체를 선택할 수 있다. 모든 개체에 해당 특성을 적용시키므로, 자주 쓰이지는 않는다. Element Selector특정 요소에 대해 특성을 적용시킨다. Selec..

Udemy The Web Developer Bootcamp Section 6 정리 | CSS 기초

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  와. 마참내. 드디어 css를 배운다!css는 사실상 언어는 아니라고 한다. 언어 비슷한 무언가... 라고 하는데 잘은 모르겠다.html이 명사라면, css는 형용사다. html을 보기 좋게 꾸며주고, 더 잘 배치할 수 있게 돕는다.(javascript는 일종의 동사다. html과 css는 java script 없이는 거의 아무것도 하지 못한다.) 그러면 서론은 여기까지 하고, 본론으로 들어가보자!  c..

Udemy The Web Developer Bootcamp Section 5 정리 | HTML 폼과 테이블 form and table

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  원래 피곤한 상태에서 section 5 무리해서 들으려다가 고꾸라져서 10/08에 쓰기 시작했는데 11/04에 다시 보고 있다. 하지만 파이썬을 대신 공부했으니 논건 아니니까 괜찮다고 하자. 본론으로 돌아가서 오늘은 제목에도 있다시피 폼과 테이블을 html로 구현하는 법을 다루고자 한다.html과 css 파트는 거의 암기라 지루해도 어쩔 수 없다. javascript를 배울 때를 고대하며 기다리도록 하자..

Udemy The Web Developer Bootcamp Section 4 정리 | HTML 시맨틱

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  아마 html과 css 부분은 정보 나열일 예정이라, 지금 당장 이해하지 않아도 큰 상관 없는 이론 부분은 정리를 스킵하고 (나중에 이해에 지장이 간다면 다시 복습하면 되니까) 이해하거나 활용해야 하는 부분만 기록할 것이다. 무엇보다도 내가 이론 이해를 잘 못하겠다. 이렇게 보면 python 보다 어려운 것 같기도 하다... 전 글에서 쉽다고 한 말 취소. 그리고 이 포스트의 제목이 시맨틱이긴 한데 포스..

Udemy The Web Developer Bootcamp Section 3 정리 | HTML 기초

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  프로그래밍 언어 중에 가장 쉬운 언어를 묻는다면 나는 html이라고 말할 것이다.왜냐고? 그냥 외워서 쓰는 것 밖에 없기 때문이다. 오늘은 서론을 짧게 가겠다. 내용이 많기 때문이다.  HTML이란, Hypertext Markup Language의 줄임말이다.강의에서는 HTML을 '완전하지 않은 프로그래밍 언어'라고 말한다. 왜일까?그리고 markup이란 무엇일까? 마크업이란, 마킹이라고 생각하면 편하다..

Udemy The Web Developer Bootcamp 시리즈를 시작하기 앞서...

파이썬 공부하다가 갑자기 웹개발을 하려고 한다. 사실 갑자기라고 하긴 좀 이상한 감이 있는 게, 이 강의를 산지 두달이 넘었기 때문이다. 그냥 방치해놨던 것뿐이다. 딱히 갑작스럽지는 않다. 어쩌면 갑작스러운 게 맞을 지도 모르겠다는 생각이 들었다. 두달동안 방치해놓은 걸 왜 지금 꺼내? 싶을 수도 있다.두괄식으로 미리 답을 알려주자면, 돈이 없어서 시작했다. 학생의 신분으로 돈 벌기는 힘들다. 아르바이트를 구하려고 해도 뭣같은 사장과 진상 때문에 하기 싫고, 일하는 시간이 정해져있어 더욱 귀찮다. 그래서 부업을 찾게 되었다. 내가 그렇게 찾은 부업이 바로 웹사이트 디자인이다. 어차피 웹 개발자를 할거면 프론트엔드 코딩은 당연히 할줄 알아야 하는 게 아닌가? 적어도 나는 그렇게 생각한다.물론 백엔드 코딩을..