profile
아! 응응애에요!
post-thumbnail

[DevOps] Hyper-v, ssh, Ubuntu를 통한 Ansible 테스트 서버 환경 구축 (WIP) (last update: 21.12.28.)

0. Reference 1. Introduction 2. Explanation 2-1. Set up the Development Environment : Hyper-V (1) Generate VM servers with Hyper-v (2) Set up the se

2021년 12월 28일
·
0개의 댓글
·
post-thumbnail

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

2020년 12월 29일
·
0개의 댓글
·
post-thumbnail

React 입문(9) : React-Router(2) (last update: 2020.12.28.)

Notion의 Theory & Technique : React.js 페이지 바로가기라우트의 경로에 특정 값을 대입하는 방법은 두 가지가 존재한다: 1. params 2. query를 사용하는 것이다. 먼저, route로 설정한 컴포넌트는 3가지의 props를 전달받게

2020년 12월 28일
·
0개의 댓글
·
post-thumbnail

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

2020년 12월 28일
·
0개의 댓글
·
post-thumbnail

React 입문(8) : React-Router(1) (last update: 2020.12.24.)

react-router :: 1장. 리액트 라우터 사용해보기 - velopert.logSPA (Single-page application) - MDN web docs실무에서 작성한 React 컴포넌트 및 페이지와 서버 측을 연결할 때가 왔다. 따라서 React-Rout

2020년 12월 24일
·
0개의 댓글
·
post-thumbnail

HTML & CSS 실무(2): OG Meta Tags : OpenGraph Protocol

Notion의 Remark & Technique : HTML5 & CSS3 페이지 바로가기링크 붙여넣을 때 보이는 이미지는 어디서 오는 것일까? - branchFB OpenGraph og:image not pulling images (possibly https?) -s

2020년 12월 23일
·
0개의 댓글
·
post-thumbnail

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

2020년 12월 23일
·
0개의 댓글
·
post-thumbnail

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

2020년 12월 23일
·
0개의 댓글
·
post-thumbnail

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, 즉 범 플랫폼 웹/앱으로 구성하기

2020년 12월 21일
·
0개의 댓글
·
post-thumbnail

Remark : Problem Solving : Reverse Tabnabbing Software Attack, noopener, noreferrer (last update: 2020.12.21.)

Link with target="\_blank" and rel="noopener noreferrer" still vulnerable?Reverse Tabnabbing -OWASPTabnabbing 피싱 공격의 동작 원리와 대응책React에서 Component를 컴파일하

2020년 12월 21일
·
0개의 댓글
·
post-thumbnail

Remark : Debugging : src refspec main does not match any (last update: 2020.12.18.)

Stackoverflow - Message 'src refspec master does not match any' when pushing commits in GitGithub에 새로운 Repository를 생성하고 초기화 후 첫 commit 및 push를 날릴 때, T

2020년 12월 18일
·
0개의 댓글
·
post-thumbnail

React 입문(4) : Rodal : The React-Modal with Animations (last update: 2020.12.18.)

Rodal: githubRodal: A React Modal of AnimationsA React Modal with animations. React + Modal의 합성어로, 9가지 종류의 애니메이션 효과를 가진 Modal을 react로 손 쉽게 띄우고, 제어할 수

2020년 12월 17일
·
0개의 댓글
·
post-thumbnail

HTML & CSS 실무(1): var, object-fit, disable a link, responsive layouts, Positioning (last update: 2020.12.17.)

var()fallbackhttps://s3-us-west-2.amazonaws.com/secure.notion-static.com/0d9cccdb-0b6a-42fa-9a47-38eb25aba9c3/var-css.pngCSS Function var()는 그 어떤

2020년 12월 17일
·
0개의 댓글
·
post-thumbnail

React 입문(3) : LifeCycle API(2), html to JSX, favicon in React (last update: 2020.12.16.)

어제에 이어, 오늘은 직접 에러 처리를 가능하게 해 주는 componentDidCatch와 LifeCycle API의 전반적인 호출 흐름, 그리고 html to JSX로의 직접 변환을 시도해 보았다. 아직 React와 ES6에 대해 기초적인 공부가 많이 필요하지만, 잠

2020년 12월 16일
·
0개의 댓글
·
post-thumbnail

React 입문(2) : states ~ LifeCycle API(1) (last update: 2020.12.15.)

동적인 데이터를 다룰 땐 state를 사용하게 된다. 위의 코드에서 Component의 state를 정의할 때는 class fields 문법을 사용해서 정의했다. class fields 문법을 사용하지 않는 경우에는 다음과 같이 state를 정의할 수 있다:위에서 사용

2020년 12월 15일
·
0개의 댓글
·
post-thumbnail

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에 학습한 내용들을 꾸준히 백업하고 있지만, 보다 공개적으로 학습할 필요가 있

2020년 12월 14일
·
0개의 댓글
·