본문 바로가기

CS/FrontEnd8

모던 자바스크립트로 배우는 리액트 입문 p.6 리액트 학습에 고전을 겪는 이유는 '자바스크립트'에 대한 이해가 부족하기 때문입니다. p.18 일반적으로 모던 자바스크립트를 말할 때는 다음과 같은 특징이 있습니다. - 리액트, 뷰, 앵귤러 등 가상 DOM을 이용하는 라이브러리/프레임워크를 사용 (최근에는 스벨트처럼 가상 DOM을 이용하지 않는 기술도 등장) - npm, yarn 등 패키지 관리자 사용 - 주로 ES2015(ES6) 이후의 표기법 사용 - 웹팩 등 모듈 핸들러 사용 - 바벨 등 트랜스파일러 사용 - SPA로 작성 p.20-21 기존 자바스크립트에서는 화면 요소를 변경할 때 DOM을 직접 지정해서 바꿔 쓰는 처리를 했습니다. 다음은 순수한 자바스크립트나 제이쿼리를 사용해 화면에 요소를 추가하는 코드 예입니다. 순수한 자바스크립트 /.. 2022. 12. 23.
웹 디자인 이렇게 하면 되나요 p.10 구글 크롬, 모질라 파이어폭스, 애플 사파리 등의 웹 브라우저는 각각 기본 설정값을 가지기 때문에, 같은 CSS 코드를 적용해도 표시 결과가 조금씩 다릅니다. 그래서 Reset CSS를 이용해 웹 브라우저와 상관없이 초기 스타일을 통일시킴으로써 더욱 쉽게 구현할 수 있습니다. Reset CSS의 종류에는 모든 스타일을 초기화하는 것과 일부 스타일을 남기고 브라우저 사이의 차이를 통일시키는 것이 있습니다. https://csstools.github.io/sanitize.css/ sanitize.css sanitize.css is a CSS library that provides consistent, cross-browser default styling of HTML elements alongsid.. 2022. 12. 23.
JavaScript Tutorial - Create a Card Game 🃏 https://www.youtube.com/watch?v=Bj6lC93JMi0&ab_channel=freeCodeCamp.org TIL 1. Semantic HTML https://developer.mozilla.org/en-US/docs/Glossary/Semantics Semantics - MDN Web Docs Glossary: Definitions of Web-related terms | MDN In programming, Semantics refers to the meaning of a piece of code — for example "what effect does running that line of JavaScript have?", or "what purpose or role does th.. 2022. 12. 17.
Materialize CSS UI Web App - Google Apps Script Web App Tutorial - Part 3 https://www.youtube.com/watch?v=yu-nNEPw83k&list=PLv9Pf9aNgemt82hBENyneRyHnD-zORB3l&index=3 https://materializecss.com/ Documentation - Materialize materializecss.com 2022. 9. 14.
비전공자도 잘할 수 있는 코딩 시작방법 https://www.youtube.com/watch?v=ro-4DHm6HuM 2022. 9. 7.
AppsScript 업무자동화 https://www.youtube.com/watch?v=Emb8iDwy808&ab_channel=CodeStates 2022. 7. 15.