Test Page: https://app.codility.com/programmers/trainings/4/tree_height/

Test page: https://app.codility.com/programmers/trainings/4/first_unique/

Mission

Who is the Product Owner?

Wrong

Here is a website about Design & Coding bootcamp in Korea, which I’m running for now.

여기 제가 운영하고 있는 한국의 디자인 / 코딩 부트캠프가 있습니다.

VSCode is the most famous code editor with a bunch of extension which is useful for varies of programming languages and job positions.

VSCode는 가장 유명한 코드 편집기이며, 여러 언어와 직종에서 사용하면서 도움되는 여러가지 부가기능을 제공합니다.

Install VSCode

Even you have set the width as 100vw (It means 100% of screen, correspondent with ‘h-screen’ on TailwindCSS)

You got additional margin.

Because, the 100vw size doesn't count the size of scroll bar. To resolve this, You can choose two options.

Use ‘w-full’ but ‘w-screen’

Use ‘w-full’ but ‘w-screen’, and that count the size of scroll bar, and doesn’t make additional margin.

Or add ‘w-max-full’

Or add ‘w-max-full’. It limits the width to full of width. And it’s not over the full width of the screen.

Check a post on the StackOverFlow

https://stackoverflow.com/questions/25225682/difference-between-width100-and-width100vw/26939293#26939293

Source code

This code attaches a tracking href value for all anchor tags.

You can check a new event tracking in Debug View

Official Doc about DebugView:
https://firebase.google.com/docs/analytics/debugview

Official doc is here
https://firebase.google.com/docs/analytics/get-started?platform=web

Put the 3 lines from 7 to 9 into your end of the body tag.

If you want to check the real-time event on your local immediately, check the attachment on the init.js.

~?useEmulator=true

And you have to call this method after load init.js

firebase.analytics();

When you use the prettier extension, you face with this shape. And it ruins all your source code visibility.

Alternatively, you can use another formatter especially for HTML file applied with TailwindCSS.