Wednesday, March 15, 2023

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.









Friday, March 10, 2023

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:






Saturday, March 4, 2023

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: