CastFox Tech Blog

$ create-react-app do-it-example zsh: command not found: create-react-app $ npm config set prefix /usr/local $ sudo npm install -g create-react-app $ create-react-app test-react 경로문제니 패스 잡아줘도 됨

https://www.youtube.com/watch?v=w7ejDZ8SWv8 영상보고 샘플 따라해서 올려놓겠습니다. 설명을 너무 잘해주셔서 React.js 이해하는데 큰 도움이 되었습니다.

https://www.youtube.com/watch?v=qZXt1Aom3Cs 영상보고 샘플 따라해서 올려놓겠습니다. 설명을 너무 잘해주셔서 Vue.js 이해하는데 큰 도움이 되었습니다.

IE로 띄우다보니 더러운 에러가 나옵니다. 개체가 'trunc' 속성이나 메서드를 지원하지 않습니다. 개체가 'includes' 속성이나 메서드를 지원하지 않습니다. 개체가 'assign' 속성이나 메서드를 지원하지 않습니다. 개체가 'from' 속성이나 메서드를 지원하지 않습니다. 뭐 나름 엣지가 IE보다 나으니 얼릉 IE가 없어지고 엣지만 쓰도록 했으면 좋겠네요 ㅎ 자바스크립트 에러가 날때 아래 내용을 활용하세요 ^^ 잘돌아갈겁니다 ㅎ

가변 폰트를 적용할 때 가변 폰트 크기를 쉽게 계산해주는 사이트 PXtoEM http://pxtoem.com/ PXtoEM.com: PX to EM conversion made simple. What is an EM? Wikipedia puts it well: "An em is a unit of measurement in the field of typography, equal to the size of the current font." If your font-size is at 16 pixels, then 1em = 16px For more information visit Wikipedia and Mozilla MDN. What is the pxtoem.com

브라우저 기술 지원 현황을 확인할 수 있는 사이트 CSS3와 같이 새로 나온 속성들을 브라우저마다 제각기 지원하는 방식이나 지원들이 다를 수 있으므로 반드시 브라우져 기술 지원 현황을 확인하고 사용해야 합니다. 브라우저 기술 지원 현황을 확인할 수 있는 Can I use... 사이트에서 기술명을 검색하여 사용해 보기 바랍니다. https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The s..

미디어 화면 크기에 맞게 웹사이트를 변경하는 기술 미디어 쿼리의 기본 문법 @media [only 또는 not] [미디어 유형][and 또는 ,콤마](조건문){실행문} 미디어 쿼리 구분은 대소문자를 구별하지 않습니다. @media 미디어 쿼리 문법의 시작을 알리는 부분입니다. 다음에 또 정리하자 : )

뷰포트(Viewport)는 화면에 보이는 영역을 제어하는 기술