웹개발 7

Udemy The Web Developer Bootcamp Section 14 정리 | Javascript 기초

* 이 글은 필자가 자신이 배운 내용을 정리하기 위한 것이며, 결코 Udemy 강의를 결제하지 않은 타인의 학습을 고려하여 작성되지 않았습니다.* 이 글을 학습에 활용하기를 원하신다면, Udemy에서 '【한글자막】 The Web Developer 부트캠프 2024' 강의를 구매하시는 것을 권장드립니다.  야호 드디어 자바스크립트다!python에서 print("Hello, World!")만 치면 되던 편한 시대가 가고 자바스크립트의 암울한 시대가 도래했다...그러면 신나고 암울하게 자바스크립트 기초를 배워보도록 하자.  javascript의 기본 요소는 수, 문자열, boolen, Null, Undefined가 있다. 이 외에도 BigInt와 Symbol이라는 게 있다고는 하지만, 우리는 말 그대로 '기초..

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를 배울 때를 고대하며 기다리도록 하자..