tarunja1ks / student

MIT License
0 stars 0 forks source link

Debugging Issue #3

Open tarunja1ks opened 8 months ago

tarunja1ks commented 8 months ago

Build a code debugging blog using this as a guideline. Be sure to read canvas to optimize opportunities for points.

Start backend using Debugging I started the backend with Debugging to show the steps and processes involved in the backend and how the interpreter iterates through it.

Screenshot 2024-03-07 at 4 35 38 PM

Set break point at the beginning of endpoint code I set a breakpoint and the endpoint code to enter in the CRUD and go into the image function.

Screenshot 2024-03-07 at 4 36 14 PM

Start in frontend with split screen loading source for an API fetch using GET. I put the API FETCH over here so I could enter into the request sent to the backend.

Screenshot 2024-03-07 at 4 37 37 PM

Set break point on fetch, inside .then, inside .fetch

Screenshot 2024-03-07 at 4 39 06 PM

Run frontend, screen capture break at fetch while examining Body

Screenshot 2024-03-07 at 4 40 07 PM

Press play on frontend, observe stop inside of backend. I observe the stop inside the backend since it sends a request that leads into it.

Screenshot 2024-03-07 at 4 40 45 PM Screenshot 2024-03-07 at 4 41 51 PM

Press step over on backend until you have obtained data from database, screen capture Python Object

Screenshot 2024-03-07 at 4 41 06 PM

Press play button to end backend debugging session.

Screenshot 2024-03-07 at 4 44 01 PM

Return to frontend debug session Step in until you see data, screen capture capturing break point and Data.

Screenshot 2024-03-07 at 4 44 35 PM Screenshot 2024-03-07 at 4 43 11 PM