TIL/The Complete Web Developer in 2021: Zero17 Advanced Javascript(2021-02-10~2021-02-12) - 웹개발을 배우기 위해 Udemy에서 the-complete-web-developer-zero-to-mastery를 수강한 내용을 정리하는 포스팅입니다. - 틀린점이있거나 다른 의견이 있으시다면 언제든지 댓글로 남겨주시면 감사하겠습니다 :) Scope scope는 어떤 변수에 언제 접근이 가능한지를 의미한다. 디폴트로 자바스크립트는 root스코프(window object)이다. 함수내에서 선언된 변수는 해당 함수로 scope가 좁혀진다. 함수는 root scope에있는 어떤 변수라도 접근이 가능함. 지역변수와 전역변수개념은 C와 매우 비슷하다. 주의할점은 var 키워드는 if 문에서 새로운 scope를 생성하지 않는다는 것이다. 좀더 자세한 내용은 www.w3schools.com/js/js_scope... 2021. 2. 10. 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. 이전 1 2 3 다음
