daehwan2/boiler-plate

Introduction

Hi, I'm a Front End Engineer.

Skills

🤩 My Web

디지몬상 테스트

- 얼굴 사진을 업로드하여 나와 닮은 디지몬을 찾아보세요.

나락 퀴즈

- 본 퀴즈를 누군가 앞에서 풀게되면 공격을 받고 지위나 직업을 박탈당할 수 있습니다. 즉, 나락에 가실 수 있습니다.

똥 피하기

- 똥 피하기 웹 게임 ( 모바일 / 피씨 둘 다 플레이 가능 )

🤠 My Android App ( React Native )

북로그

- 읽은 책, 읽을 예정책을 검색하고 저장 및 메모하세요.

산성비 타자 게임

- 추억의 산성비 타자게임을 즐겨보세요.

동전 던지기 맞추기

- 동전의 앞뒷면을 맞추어 돈을 모으세요.

청개구리 가위바위보

- 지락실에 나온 청개구리 가위바위보를 앱으로 즐겨보세요.

PC 게임 맞추기

- PC 게임을 글자수와 스크린샷을 보고 맞추세요.

😇 My Chrome Extension

Google Image Crawler

- 구글 이미지를 원하는 만큼 다운로드 하세요.

boiler-plate's Issues

React 공부

React

1. 페이스북에서 만든 라이브러리. 2013년에 나옴.
2. Components module과 비슷하게 컴포넌트로 이루어져 있어서 reuseable이 뛰어남.
3. Virtual DOM

❗ Real DOM vs Virtual DOM

Real DOM	Virtual DOM
10개의 리스트중 한가지만 업데이트 되어도 전체 리스트를 다시 Reload해야함.	10개의 리스트중 한가지가 업데이트되면 그 아이템만 DOM에서 바꿔줌.

Virtual DOM

1. JSX을 렌더링한다. ( Virtual DOM이 Update됨. )
2. Virtual DOM이 이전 Virtual DOM에서 찍어둔 snapshot과 비교를 해서 바뀐 부분을 찾는다. => 이 과정을 diffing이라고 부름.
3. 그 바뀐 부분을 Real DOM에서 바꿔준다