본문 바로가기

Web.d

[React] Joamflix (Nomad Coders') https://xenodochial-wright-ed3962.netlify.app/#/ Joamflix xenodochial-wright-ed3962.netlify.app or https://joohaem.github.io/joamflix/#/ Joamflix joohaem.github.io https://github.com/joohaem/joamflix#readme joohaem/joamflix Contribute to joohaem/joamflix development by creating an account on GitHub. github.com 더보기
[CSS] Eric Meyer 의 reset.css 코드 + all:unset 브라우저마다 태그를 렌더링하는 기본 스타일이 다르기 때문에, 우리는 기본값을 초기화하는 rest css를 이용하는 것이 좋다 또한, reset css를 적절히 사용한다면, 코드들을 통해 중복 정의될 수 있는 코드들을 줄일 수 있다 정답이 없기에 여러가지 reset 코드들이 있으니 필요한 대로 골라 사용하면 될 것 같다 다음은 에릭마이어의 reset.css 코드이다 /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,.. 더보기
[Typescript][React] Typescript 기본 개념 (Nomad Coders' course) / 10 Bad TS Habits https://github.com/joohaem/prt-typescript-react joohaem/prt-typescript-react Contribute to joohaem/prt-typescript-react development by creating an account on GitHub. github.com Typing - typing let hello:string = "hello"; hello = 4; //ERROR, not string - return types const returnStr = (name:string, age:number):string => { return age //ERROR, not string return } - interface interface IHuman { name.. 더보기
[React] 생활코딩 기본 개념 강의 https://youtu.be/XMb0w3KMw00 깃 올리기 해당 폴더에서 > npm start > git init > git remote add origin https://github.com/joohaem/{repository}.git > git add . > git commit -m “메시지” > git push origin master Deploying (to Github Pages) > npm i gh-pages -> 웹사이트를 github의 gihub page 도메인에 나타나도록 하는 gh-pages && package.json 폴더 “hompage”에 주소 추가 && “scripts”에 "deploy": "gh-pages -d build", "predeploy": "npm run build".. 더보기
[React] Prop-Types 개념과 종류 우리는 props를 이용할 때 prop-types을 이용하여 자료형을 지정해 오류를 줄일 수 있다. 전체 애플리케이션의 타입 확인을 위하여 Flow 또는 TypeScript 와 같은 JavaScript 도구(Extensions)를 사용하지 않더라도 React는 내장된 타입 확인 기능들을 가지고 있다. 컴포넌트의 props에 타입 확인을 하려면 다음과 같이 특별한 프로퍼티인 propTypes를 선언할 수 있다. 모듈 설치는 다음과 같이 npm 혹은 yarn으로 설치하고 불러온다 > npm i prop-types > npm install (안 될 시) import PropTypes from "prop-types"; Food.PropTypes = { //PropTypes 이름 고정 name: PropTypes.. 더보기

티스토리툴바