- Learning
Second mission❗
Today I worked on the second mission, and I want to write down what I learned along the way.
- Learning
First mission❗ What was hard in HTML/CSS mission 1
Today I finished the first of five HTML/CSS mission projects. I'll write about the things I found hard while working on it.
- Learning
HTML/CSS notes: semantic tags, paths, div, and px vs em vs rem
I joined the 10th cohort of Zerobase Frontend School on 2022.12.01. First notes from the course: semantic tags, paths, img, div, and px, em, rem.
- Tech notes
Differences between CSR and SSR (with SPA, MPA, and SSG)
SPA (SinglePageApplication): a web application made of a single page. Notes on SPA vs MPA, CSR vs SSR, and SSG, and how CSR and SSR compare.
- Projects
Designing a Logo for My Job Application Portfolio Website
I'm building my own portfolio website to submit with job applications by following a Dream Coding course. Today I designed the site's logo first.
- Learning
Grand prize in capstone design🎉
It feels like I've been neglecting the blog lately, because the capstone design presentation I'd prepared since the first semester of 2022 just ended.
- Tech notes
The drawbacks of var
The critical drawbacks of var. var only gets its own scope when it's declared inside a function. Declaring a…
- Tech notes
JS scope
Translated into Korean, the word scope means 'range'. In JS, there are two types of scope: global and local.
- Tech notes
JSON basics: serializing with stringify and deserializing with parse
JSON stands for JavaScript Object Notation. Serializing turns an object into a string with JSON.stringify(), and JSON.parse() turns it back.
- Tech notes
TypeScript features
Characteristics of TypeScript. Compiled language, statically typed language. It is a statically typed…
- Tech notes
Event bubbling
Event bubbling: when an event occurs on an element, the process of the event being passed up to that element's topmost parent.
- Tech notes
Browser storage (local storage, session storage, cookies)
Web Storage is a key-value store made for saving web data on the client. A look at how local storage, session storage, and cookies differ.
- Tech notes
Nullish coalescing operator: printing 0 where || gives -1
0, -0, and '' count as false, so number || '-1' prints -1. When you want to print 0, use the nullish coalescing operator (??) instead.
- Tech notes
What this refers to in JavaScript: functions, methods, and new
When you just call a function, this refers to the global object (window). Notes on this in methods, apply/call/bind, and constructors called with new.
- Tech notes
JavaScript closures: how an inner function keeps its lexical environment
A closure is the JavaScript feature that lets an inner function access the variables of its outer (enclosing) function.
- Tech notes
Hoisting in JavaScript: avoiding an unwanted undefined
Hoisting: when you declare and initialize a variable, the declaration part gets lifted to the very top. Knowing it prevents an unwanted undefined.
- Tech notes
How browsers render a page: DOM, CSSOM, render tree, layout, paint
The browser turns plain-text HTML and CSS files into object models (DOM and CSSOM), builds the render tree, and then runs layout and paint.
- Learning
First post: starting a daily log to get a frontend job next year
I started this blog to get a job next year. From now on, I plan to write down what I did each day here, every day.
