React.js & JavaScript
1. React 입문(1) : Install ~ props (last update: 2020.12.14.)
https://www.freecodecamp.org/news/content/images/2020/02/Ekran-Resmi-2019-11-18-18.08.13.png비공개 Notion에 학습한 내용들을 꾸준히 백업하고 있지만, 보다 공개적으로 학습할 필요가 있
2.React 입문(2) : states ~ LifeCycle API(1) (last update: 2020.12.15.)
동적인 데이터를 다룰 땐 state를 사용하게 된다. 위의 코드에서 Component의 state를 정의할 때는 class fields 문법을 사용해서 정의했다. class fields 문법을 사용하지 않는 경우에는 다음과 같이 state를 정의할 수 있다:위에서 사용
3.React 입문(3) : LifeCycle API(2), html to JSX, favicon in React (last update: 2020.12.16.)
어제에 이어, 오늘은 직접 에러 처리를 가능하게 해 주는 componentDidCatch와 LifeCycle API의 전반적인 호출 흐름, 그리고 html to JSX로의 직접 변환을 시도해 보았다. 아직 React와 ES6에 대해 기초적인 공부가 많이 필요하지만, 잠
4.React 입문(4) : Rodal : The React-Modal with Animations (last update: 2020.12.18.)
.png)
Rodal: githubRodal: A React Modal of AnimationsA React Modal with animations. React + Modal의 합성어로, 9가지 종류의 애니메이션 효과를 가진 Modal을 react로 손 쉽게 띄우고, 제어할 수
5.React 입문(5) : react-device-detect : Library for Cross-Platform Application Development (last update: 2020.12.21.)
react-device-detect -npmjs.comIs it possible to use if...else... statement in React render function? -stackoverflowCross-Platform, 즉 범 플랫폼 웹/앱으로 구성하기
6.React 입문(6) : Checking if an app is installed from a web-page : IOS (last update: 2020.12.23.)
How to check if an app is installed from a web-page on an iPhone? - stackoverflowHow to check if an app is installed from a web-page on an iPhone?Wind
7.React 입문(7) : if Statement : Conditional Rendering in return(); also Invoking Functions (last update: 2020.12.23.)
Is it possible to use if...else... statement in React render function? - stackoverflowstackoverflow를 뒤적거리며 실무 코드를 동작하게 만드는 것은 생각보다 할 만 하지만, 아직 es6 및 r
8.React 입문(8) : React-Router(1) (last update: 2020.12.24.)
react-router :: 1장. 리액트 라우터 사용해보기 - velopert.logSPA (Single-page application) - MDN web docs실무에서 작성한 React 컴포넌트 및 페이지와 서버 측을 연결할 때가 왔다. 따라서 React-Rout
9.Short Remark(1) : React.js & JavaScript (last update: 2020.12.28.)
Notion의 Short Remark : React.js & JavaScript 페이지 바로가기Difference Between =, ==, and === in JavaScript - Guru99(https://www.guru99.com/difference-e
10.React 입문(9) : React-Router(2) (last update: 2020.12.28.)
Notion의 Theory & Technique : React.js 페이지 바로가기라우트의 경로에 특정 값을 대입하는 방법은 두 가지가 존재한다: 1. params 2. query를 사용하는 것이다. 먼저, route로 설정한 컴포넌트는 3가지의 props를 전달받게
11.React 입문(10) : Loading Screen - Conditional Rendering based on state also componentWillMount API (last update: 2020.12.29.)
React - Display loading screen while DOM is rendering? -stackoverflowReact - Display loading screen while DOM is rendering?https://s3-us-west-2.a