Learn more​ Here is a list of resources that may be helpful as you continue your learning journey.

React Official Website

https://reactjs.org/

Choosing between Traditional Web Apps and Single Page Apps (Microsoft)

https://docs.microsoft.com/en-us/dotnet/architecture/modern-web-apps-azure/choose-between-traditional-web-and-single-page-apps

React Source Code (Github)

https://github.com/facebook/react

Introduction to React.js

The original video recorded at Facebook in 2013.

https://youtu.be/XxVg_s8xAms

Virtual Photo Exhibition with Bootstrap ( error - solved )

Project:   Virtual Photo Exhibition

Programming language:     HTML,  CSS,   Javascript 

Front end framework:     Boostrap

.

I linked CSS-CDN and 

Javascript-CDN in index.html.  

I made another file for pictures

This img src didn't work in result.

It shows only word "falls" without picture.

After many attempts, it finally worked with these codes.

what is Alignment?

text-align : can align text in css.

css에서  {text-align: center;}

               {text-align: left;}

                 {text-align: right;}

                   {text-align: justify;}

* justify는 text가 same width가 되도록 퍼뜨린다.

*   when "justify" spreads the text out, text will be on the line with same width.

ex of HTML center alignment:

<div class="parent">  

<div class="child">

  </div>

</div>

.parent { border: 4px solid

                  blue;}

.child { width: 50%;

        padding:20px;

       border: 4px solid red;

       margin: auto;}

What is DOM?

 

DOM is document object model.

I could find more information from https://www.w3.org/TR/WD-DOM/introduction.html 

DOM (document object model)  looks like this: