TIL75 DOM Manipulation(2021-02-09) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) www.w3schools.com/js/js_htmldom.asp JavaScript HTML DOM JavaScript HTML DOM With the HTML DOM, JavaScript can access and change all the elements of an HTML document. The HTML DOM (Document Object Model) When a web page is loaded, the browser creates a Document O.. 2021. 2. 9. Javascript(2021-02-08) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) What Is Javascript? 자바스크립트는 1995 넷스케이프 브라우저가 다른 브라우저를 이기기 위해서 개발 됨 이후 여러브라우저가 등장하면서 자바 스크립트가 다른부라우저에도 도입되고 점점 발전하나 브라우저별로 자바스크립트를 다르게 개발해서 호환성 문제가 생기기시작했고, 해당 문제를 해결하기위해 기준을 세우게됬는데 그게 바로 ECMA script. ECMA script와 자바스크립트가 같다고 이해하고 있으면 된다. React, Node.js등등 전부 자바스크.. 2021. 2. 8. CSS Grid + CSS Layout(2021-02-07) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) CSS Grid vs Flexbox vs Bootstrap -Flexbox는 1차원(column)만 고려해야할때 유용 -CSS는 2차원 (column & row) 을 고려해야할때 유용 CSS Grid css grid를 사용하는법은 이하와 같다. 특히 grid-template-columns: 1fr 1fr 2fr; 에서 fr은 화면에서 얼마나 fraction을 차지할건지를 정의해준다. grid는 또한 repeat이 가능하다. auto 또한 사용이 가능한데 사진으로 내.. 2021. 2. 7. Bootstrap, Templates (2021-02-06) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Bootstrap 부트스트랩은 기존에 작성되어 편하게 쓸수있는 CSS나 JS 템플릿으로 생각할 수 있다. 부트스트랩을 HTML에 추가하려면 직접 js 파일과 css파일을 다운받아서 쓸수도 있지만 공식에서 CDN(content's delivery netwrok)를 제공하기 때문에 아래와 같이 링크만 포함시켜줘도 사용이 가능하다. 부트스트랩을 이용하면 아래와 같이 쉽고 빠르게 사이트가 제작이 가능하다. 이번 강의에서 배운점은 html의 element는 복수의 class.. 2021. 2. 6. Advanced CSS(2021-02-05) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Critical Render Path 웹사이트가 화면에 무언가를 나타내기 위해서 사용하는 path를 의미한다. (여기서 render는 화면에 표시되는 것을 의미) 이렇게 CSS와 폰트 파일을 읽어오느라 웹사이트 로딩이 느릴수 있다. 그러면 어떻게 해결 할수 있을까? -> 1. 자체 폰트파일을 브라우저가 이미 가지고 있거나. -> 2. CSS의 크기를 줄여서 더 빨리 읽을 수 있게 해줄수도 있다. (cssminifier.com/) Flexbox CSS에서 어려운 것중.. 2021. 2. 5. CSS(2021-02-05) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Your First CSS CSS는 Cascading Style Sheet의 약어로 문서의 스타일을 내는데 사용된다. 기본적인 CSS의 형태는 이하와 같다. selector에는 어떤것을 선택할 것인지. property 에서는 무엇을 할 것인지 value 에는 property에서 하기로 한 것의 값이 무엇인지를 결정한다. CSS 파일과 HTML을 연결시켜 주는 방법은 head 부분에 link 태그를 쓰면 된다. 다른방식으로도 스타일링을 추가 할 수 있다. 1. inl.. 2021. 2. 5. 이전 1 ··· 6 7 8 9 10 11 12 13 다음
