Previous article about anonymous login with Firebase authentication.

Iโ€™m going to use the same code and project structure with the previous article.

To use Google sign in feature, firstly you need to install additional pod library and change preference in the Firebase console.

Photo by Austin Distel on Unsplash


ํ”„๋กœ๋•ํŠธ ์˜ค๋„ˆ๋กœ์จ, ์ „ํ˜•์ ์œผ๋กœ ์–ด๋–ค ํ–‰์œ„๋“ค์ด ๋‹น์‹ ์— ์˜ํ•ด ์ด๋ค„์ง€๋Š”๊ฐ€?

์ด ๊ธฐ์ดˆ์งˆ๋ฌธ์€ ์‹ฌ์‚ฌ์ž๋กœ ํ•˜์—ฌ๊ธˆ ์ง€์›์ž๋ฅผ ์ดํ•ดํ•˜๊ณ , ์ง€์›์ž๋Š” ์ž์‹ ์— ๋Œ€ํ•œ ์„ค๋ช…์„ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค.
๋Œ€๋‹ต์€ ์ง€์›์ž ๋งˆ๋‹ค โ€ฆ

Photo by Ferenc Almasi on Unsplash

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.


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

Fredric Cliver

Majored in Physics, self-taught and worked in the IT industry as a Dev/Design/Planning for 11 years. And I had run my Startup for 3 years. I fancy a โ˜”๏ธ ๐Ÿ‡ฌ๐Ÿ‡ง

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store