leejunkim

  • _cs,math_topics
    • c++
      • C++ Basics
        • C++ Arrays
        • C++ Functions
        • C++ OOP
        • Comments
        • Conditionals & Operators
        • Data types
        • Errors
        • Expressions
        • How C++ works
        • iostream - cout, cin, and endl
        • Keywords and naming identifiers
        • Literals and operators
        • loops
        • Objects and variables
        • Running a c++ file
        • Statements and the structure of a program
        • Uninitialized variables and UB
        • Variable assignment and initialization
      • C++
      • C++ Vectors
    • cybersecurity
      • Security +
        • Security +
      • Cybersecurity
    • graphics
      • Shaders
        • Some examples and user studies
      • Shapes
        • Shapes notes
      • Computer Graphics
      • journey log
      • material
      • OpenGL
      • p5.js notes
      • Perlin noise
    • linear alg
      • Vectors
        • Vector in code (+ basic operations)
      • Checking for properties
      • Linear algebra
    • PC
      • PC
    • python
      • Data structures
        • Dictionary comprehension
        • List (python)
        • List Comprehension
        • Tuples
      • Error Handling
        • Most type of common errors
        • pdb
        • Raising our own errors!
        • Try,Except,Else,Finally Blocks
      • File IO
        • File IO
        • JSON pickling
        • Modes for Opening files
        • Pickling
        • Reading with CSV files
        • Writing to CSV files
      • Functions
        • Abs(), Sum(), Round()
        • Any and all function
        • Common random functions
        • Documenting functions
        • filter function
        • Functions in Python
        • Lambdas
        • map function
        • min and max
        • Parameter ordering
        • reversed
        • Scope
        • sorted
        • zip
      • Intro
        • Data types & Data Structures
        • Looping in Python
        • Numbers and math
        • Variables and strings
      • Iterators and generators
        • Generators
        • Iterator vs Iterable
      • Leetcode
        • Group Anagrams
      • Modules
        • Built-in Modules
        • Custom Modules
        • External Modules
        • The __name__ variable
      • Notes
        • Compile time vs runtime
        • Dynamic vs Static
      • OOP
        • Creating classes
        • Deck of Cards exercise
        • GrumpyDict
        • Inheritance in Python
        • OOP Intro
        • Polymorphism in python
        • Underscores and Dunders
      • Properties
      • Python
      • Python Flashcards
    • Quantum Computing
      • Types
        • Photonic quantum computing
      • PsiQuantum
      • Quantum Computing
    • Tools
      • Docker
      • Fast API
      • REST API
      • Virtual environment
    • unity
      • _Resources
        • Animations
        • Caching
        • Cinemachine
        • Colliders and rigidbodies
        • difference between transform and Transform
        • Freezing constraints
        • IEnumerator and Coroutines
        • Input Manager (old)
        • Invoke()
        • Materials and Textures
        • Particle effects
        • Playing sound with movement
        • Playing sound with scene change
        • Rotating player
        • Scenes
        • Sound
        • Tags
        • Time
        • Vector3
      • Player
        • Unity Input System
      • Projects
        • Argon Assault
      • C Sharp
      • Game Design
      • Input System (new)
      • Lighting
      • Making obstacles move
      • math in unity
      • Mathf.Clamp
      • Prefabs
      • Quaternions
      • Roll, Pitch, Yaw
      • Terrain
      • Timeline
      • Unity
      • Unity shortcuts
      • Using attributes
      • Vuforia + Unity
    • Command Line
    • News
    • Programming languages
  • 🐣Spring & SpringBoot
    • core_concepts
      • AOP (Aspect Oriented Programming)
      • Bean
      • DI (Dependency Injection)
      • IoC (Inversion of Control)
    • @ConfigurationProperties
    • @SpringBootApplication
    • ⭐Spring MVC
    • 🐣Spring & SpringBoot
    • Application Execution Process
    • Architecture
    • Basic Dependencies
    • Data Transfer Object (DTO)
    • EJB briefly explained
    • Event Architecture
    • Getting Started with Spring MVC
    • Gradle
    • Handling File Uploads
    • Handling Response Data
    • HTTP requests in SpringBoot
    • Layered Architecture
    • POJO vs JavaBeans
    • Project Structure
    • Reading Spring official docs
    • Spring Boot Project Initialization
    • Spring Boot Starter
    • Spring Framework & Ecosystem
    • Spring Servlet
    • Spring's Core Modules
    • Spring's main philosophies
    • Starting a Spring Boot Application
    • Understanding Spring Boot
    • Various Dependencies
    • WAS vs Web Server
    • 과제 노트&자료정리
  • ai
    • ai basics
      • HuggingFace
        • _Resources
          • Terminology
            • AutoTrain
            • Character based tokenization
            • Datasets
            • Inference API
            • Models
            • Pipeline function
            • Subword-based tokenization
            • Transformers library
            • Word-based tokenization
        • Pipelines
          • Automatic Speech recognition
          • Conversation (deprecated)
          • Mask Filling
          • Named entity recognition
          • Object detection
          • Question answering
          • Summarization
          • Text generation
          • Translation
          • Zero-shot Audio Classification
          • Zero-shot classification
        • HuggingFace
        • Huggingface jargons and stuffs
        • sentence-transformers library
      • Tools
        • AutoGen
          • _Resources
            • Untitled
          • Building Blocks
            • Agent
            • Best Practices
            • Code Executors
            • Human Feedback in Agents
            • Human input mode
            • Multi-agents conversations
          • Code
            • assis_proxy_agent.py
            • ConversableAgent.py
            • ConversibleAgent.py
            • never_mode.py
            • simple_code_executor.py
            • terminate_mode.py
          • AI Agents
          • AutoGen
        • Google Cloud
          • _Resources
            • Terminology
              • Vertex AI Embeddings API
              • Vertex AI Matching Engine
          • Google Cloud
          • Grounding an LLM
        • LangChain
          • Templates
            • ChatPromptTemplate
            • PromptTemplate
          • TextSplitter
            • RecursiveCharacterTextSplitter
          • LangChain
          • LCEL (LangChain Expression Language)
          • load_summarize_chain
        • LangGraph
          • LangGraph
    • deep learning
      • Deep learning
    • DeepSeek
      • DeepSeek
    • machine learning
      • _Numpy Stack
        • Numpy
          • Dot product
          • Matrices
          • np.random
          • NumPy arrays vs Python lists
          • Shapes & dimensions
          • What it does (an overview)
        • Matplotlib
        • NumPy
        • The Stack
      • _Supervised
        • Classification
        • Regression
      • _Unsupervised
        • Anomaly Detection
        • Dimensionality Reduction
      • Clustering
      • Machine Learning
    • mlops
      • Considerations
        • ML in Research VS in Production
        • ML systems VS Traditional Software
        • When to use ML systems
      • Steps
        • Business analysis
        • Business metrics VS ML metrics
        • Deployment
        • Framing ML Problems
        • ML model development
        • Monitoring and continual learning
        • Requirements for ML systems
        • Scoping
      • Data Engineering
      • MLOps
      • MLOps engineer
    • NLP
      • NLP (Natural Language Processing)
    • stable diffusion
      • ComfyUI
      • Models
    • == AI ==
    • AI 인프라 - 구글 클라우드에서 학습
    • BERT
    • CLIP
    • HOW TO STUDY AI
    • Model Context Protocol (MCP)
    • PyTorch
    • Transformers
  • AI,Web3
    • AI Network와 Open Protocol
    • Resources
    • Smart contract
    • Web3 AI 랩 2기 기초 교육 자료
    • 탈중앙화의 필요성 및 Web3의 철학적 기반 이해
  • AWS
    • folder
      • 1.getting_started
        • 3 Network Zones (imp)
        • AWS Infrastructure (Regions, AZs, Edge locations)
        • Basics - Course Supplement
        • Business Continuity Plan (BCP)
        • Cloud Computing Responsibility
        • CloudEndure Disaster Recovery
      • 2.accessing_services
        • Amazon Resource Name (ARNs)
        • AWS Accounts
        • AWS Pricing & Cost Management
        • Different Ways of Accessing AWS
      • 3.aws_security
        • Audit Manager
        • AWS Artifacts
        • CloudHSM
        • CloudTrail & GuardDuty
        • Detective
        • Firewall Manager
        • IAM & Identities
        • Inspector
        • KMS (Key Management Service)
        • Macie
        • Network Firewall
        • Secret Manager
        • Security Hub
        • Security matters
        • Shield
        • Single Sign-On & Active Directory
        • The Shared Responsibility Model, Protecting your account
        • WAF (Web App Firewall)
      • 4.compute
        • AWS ParallelCluster
        • Bottlerocket
        • Cloud Computing
        • Compute services
        • Container Registry
        • Containers
        • EC2
        • ECR (Elastic Container Registry)
        • ECS,EKS
        • example code
        • Fargate
        • High Performance Computing
        • Lambda
        • Serverless Service
      • 5.vpc
        • IP Ranges (CIDR Blocks)
        • Network Access Control Lists (NACLs)
        • Private vs Public subnets
        • Security groups
        • Virtual Private Cloud (VPC)
      • 6.dynamic_scaling
        • Dynamic Scaling
        • EC2 Auto Scaling
        • Elastic Load Balancer (ELB)
      • 7.file_storage
        • EBS (Elastic Block Store)
        • EFS (Elastic File System)
        • File storage
        • FSx Lustre & Others
        • S3 (Simple Storage Service)
      • 8.dbs
        • Databases (AWS)
        • DynamoDB
        • ElastiCache
        • RDS (Relational database service)
        • RDS Multi-AZ
      • 9.networking
        • ACM (AWS Certificate Manager)
        • CDN (Content Delivery Network)
        • CloudFront
        • DNS (Domain name systems)
        • Global Accelerator
        • Route 53
        • S3 Transfer Acceleration
        • Speed Boosts
      • 10.api
        • Amplify
        • API Gateway
        • AppSync
        • Cognito
      • 11.simplification
        • (AWS) Copilot
        • AppRunner
        • Elastic Beanstalk
        • LightSail
        • Standardizing Service Implementations
      • 12.app_integration
        • Amazon MQ
        • App integration
        • CloudMap
        • EventBridge
        • SES (Simple Email Service)
        • SNS (Simple Notification Service)
        • SQS (Simple Queue Service)
        • Step Functions
      • 13.monitoring
        • CloudWatch
        • Monitoring workloads
        • XRay
      • 14.managing
        • AWS Batch
        • AWS OpsWorks (End Of Life..)
        • Compute Optimizer
        • Systems Manager
      • 15.data
        • Athena
        • AWS Data Lakes & Warehouses
        • AWS Kinesis
        • Cloud migration
        • CloudSearch
        • Connecting to cloud
        • Data Analytics
        • EMR (Elastic Map Reduce)
        • Glue
        • Grafana
        • OpenSearch
        • QuickSight
        • Redshift
      • 16.management
        • AWS Config
        • AWS Organization (Multi-Account Environments)
        • CloudFormation & CDK
        • Control Tower
        • License Manager
        • RAM (Resource Access Manager)
      • 17.dev_tools
        • A typical workflow
        • AWS Toolkit for VSCode
        • Cloud9 & CodeCommit
        • CodeBuild & CodeArtifact
        • CodeCommit
        • CodeDeploy
        • CodeGuru & DevOpsGuru
        • CodePipeline & CodeStar
      • 18.others
        • AI+ML services
        • SageMaker
      • 19.best
        • Acceptable Use Policy
        • The Trusted Advisor Tool
        • The Well-Architected Framework
        • The Well-Architected Tool
      • 20.beyond
        • APN (AWS Partner Network)
        • AWS Marketplace
        • AWS Professional & Managed Services
    • AWS CLI
    • AWS services
    • Using gmails for AWS
  • books
    • Superintelligence - Nick Bostrom
  • c lang
    • syntax
      • Array - C
      • Data types - C
      • Magic numbers
      • Switch statement - C
    • C
    • functions in C
    • make command & CLI
  • cloud
    • cloud
      • Cloud Deployment & Service Models
    • clouddeploy
      • backend (deploy.js)
      • CloudDeploy
      • github actions for clouddeploy
      • server.js
    • Web2AudioBook
      • Web2AudioBook
    • Cloud
    • Public vs Private vs Hybrid vs Multi Cloud
  • cs + swe concepts
    • basics
      • Compiled VS Interpreted
      • General Compilation Process
      • Library VS Framework
    • language_design_approaches
      • Dynamic typing VS Static Typing
      • High level VS Low level
      • Top-down VS Bottom-up (OOP)
    • practices
      • Catching up with trends
      • Good practices
    • SWE
      • Software engineering
    • Procedural VS OOP
    • Programming Concepts
    • Test-Driven Development (TDD)
  • data structures
    • adt
      • Binary Heap
      • Dequeue
      • Dictionary
      • Graph
      • List
      • Priority Queue
      • Python Dictionary (Hashmap)
      • Queue
      • Tree
    • Algorithms
      • Sorting
        • Insertion Sort
      • Algorithms
    • ds
      • ArrayList
      • AVL Tree
      • B Trees
      • Binary Search Tree
      • Binary tree
      • Circular Array
      • LinkedList
      • Red Black Tree (balanced BST)
      • Tries
    • 🦄Data Structures
    • Asymptotic Notation
    • Data structures introduction
    • Hash Map (Java)
    • Hash Table
    • HashMap VS HashSet (Java)
    • Heap
    • Java Implementation of Hash Table
    • Node
    • Resource Analysis
    • Set
    • Set in Python
    • Stack
    • Terminology - ADT, Data Structure, Implementation, Algorithm
    • TreeMap (Java)
    • TreeSet (Java)
    • Worst Case Analysis
  • database
    • SQL
  • full stack
    • backend
      • folders
        • apis
          • API Authentication
          • APIs
          • Server-side API Requests + Axios
          • Why APIs
        • basics
          • Backend Explained
          • Backend technologies
          • HTTP Fundamentals
          • JSON
          • Web Pages VS Web Applications
        • db
          • MongoDB
          • SQL vs NoSQL
        • tools
          • Custom middleware
          • Express middleware
          • Express.js
          • HTTP requests in Express
          • Next.js
          • nodemon
      • 🖥️Backend
      • Firebase
      • GraphQL
      • gRPC
      • Microservice Architecture (MSA)
      • Serverless Architectures & APIs
    • frontend
      • folders
        • JavaScript
          • Array Methods
          • Async and Await
          • Basic syntax
          • Functions
          • JS Syntax Hacks
          • Node.js
          • Promises
          • Working with Immutable arrays
        • React
          • Components
          • Conditional Rendering
          • Debugging strategies
          • Forms and Controlled Elements
          • Handling Events
          • Hooks
          • JSX
          • Props (React)
          • React Developer Tools
          • React Fragment
          • Setting up React Project (environment)
          • State (React)
          • Writing React from Scratch
        • svelte
          • _resources
            • Actions
            • Bindings
            • Classes and styles
            • Event
            • Introduction (Svelte)
            • Logic
            • Props (Svelte)
            • Reactivity
            • Transitions
        • Web Dev
          • == CSS ==
          • Adding JS to websites
          • Bootstrap
          • DOM (Document Object Model)
          • HTML
          • Responsive Webpages
          • Separation of Concern (SoC)
          • Web design
      • == Svelte ==
      • confused with center
      • Frontend
      • full stack road map
      • goals
      • JavaScript
      • React
    • nextjs
      • data
        • fetching data
        • Request waterfall
      • App router vs Page router
      • Partial Prerendering
      • React Server Components
      • Static vs Dynamic Rendering
      • Streaming in next.js
    • cypress
    • full stack notes
    • next.js
    • qa
  • git
    • Branching
      • Branches
    • Extra features
      • Git diff
      • Git stash
    • Intro
      • Configuring Git
      • Git Commands
      • Git workflow (add and commit)
      • gitignore
      • What is Git
      • Writing atomic commits
      • Writing good commit messages
    • Connecting local git repo to server
    • Git
    • Git Fetch VS pull
    • Git rebase VS merge
    • Git Tags
    • Git upstream
    • Pull Request
  • java
    • Basic syntax
      • Java exception handling
      • Java packaging
      • Short circuit evaluation
      • Switch statements in Java
    • collections
      • ArrayList in Collections
      • Arrays in Java
      • HashMap
      • Java Collections Framework (JCF)
    • data_types
      • Data type operations & ranking
      • Final
      • Literals
      • Local VS Class VS Instance variables
      • Primitive vs Reference types
      • Type Conversion in Java
      • Unary Operators (단항 연산자)
    • java_classes
      • Math class
      • Scanner
      • String class
      • Wrapper class
    • lambda
      • Functional Interfaces & Descriptor
      • Lambda in Java
      • Method Reference
    • oop
      • Abstraction - Classes & Interfaces
      • Access modifiers (접근 제어자)
      • Class vs Instance methods
      • Class vs Instance variables
      • Classes & Instances
      • Composition
      • Constructor & this
      • DIP (Dependency Inversion Principle)
      • Encapsulation
      • Immutable Objects
      • Inheritance in java
      • LSP (Liskov’s Substitution Principle)
      • Non-Access modifiers (기타 제어자)
      • OCP (Open Closed Principle)
      • Polymorphism in java
      • SRP(Single Responsibility Principle)
    • overview
      • Garbage collection (GC)
      • Hello World - Java
      • Java Virtual Machine (JVM)
      • JVM, JRE, JDK Explained
      • Thread
    • static
      • Singleton Patterns
      • Static blocks
      • Static classes (only inner)
      • Static import
    • stream
      • Stream in Java
    • ☕Java
    • Java Annotation
    • Java File IO
    • Java Generics
    • Java Serialization (and persistence)
    • list (java)
  • leetcode
    • arrays
      • maximum diff between increasing elements
      • number of adjacent elements with the same color
      • product of array except self
      • rabbits in forest
      • rotating the box
      • valid sudoku
    • binary search
      • binary search
    • greedy
      • Greedy - Bulbs
      • Greedy Algorithm
      • Maximum Subarray
    • stack
      • Daily Temperatures
      • evaluate reverse polish notation
      • min stack
      • trapping rain water
      • two sum
      • valid parenthesis
    • two pointers
      • 3Sum
      • container with most water
      • reverse string
      • two integer sum ll
    • 🍀Leetcode
    • Find greatest difference
  • linux
    • folders
      • 1.intro
        • Creating a Desktop entry for AppImage
        • Creating snapshots
        • How to run Linux
        • kernel
        • Linux Distributions
        • The GNU project
        • Unix
        • VirtualBox
        • VirtualBox Rocky Linux configuration
        • VirtualBox Ubuntu
      • 2.core_concepts
        • Package Management
        • User Management Basics
        • What is Sudo
      • 3.bash_cli
        • Bash, shell, terminal, command line, kernel
        • Basic Bash commands
        • File directories in Linux
        • Filename expansion (globbing)
        • Pipes
        • Redirection - Manage Data Streams
        • What is Bash + setup
    • 🐧Linux
  • networking
    • osi layer
      • Layer 1 - Physical
      • Layer 2 - Data Link
      • Layer 3 - Network
      • Layer 4 - Transport
      • Layer 5 - Session
    • 💻 Networking & Web
    • Computer Networking
    • CORS (Cross-Origin Resource Sharing)
    • How does the internet work
    • OSI 7-layer model
  • notes
    • ai
      • AI and Programming - the beginning of a new era (May 8, 2025)
      • hackers and artists
      • The Coming Technological Singularity (1993)
    • fav articles, stories, vids
    • How to leetcode
    • Primeagen talk notes
    • sf, speculative fiction, transhumanism
    • Why you should read books
  • Operating System
    • Operating systems (OS)
  • posts
    • blog
    • How I passed the AWS Certified Cloud Practitioner
  • pragmatic programmer
    • chapters
      • ch 0
      • ch 1 - A pragmatic philosophy
    • Pragmatic Programmer
  • proj devlog
    • blog checklist
    • chrome extension notes
    • CloudDeploy
    • mcp mini project thing
    • mcp test
    • projects 2025
    • Pushing updates to github
  • ⭐ Handler Methods
  • ⭐Handler Method Parameters
  • API in SpringBoot
  • exception handling (예외처리)
  • feedback
  • general note tips
  • JPA (Java Persistence API)
  • lecture notes
  • Obsidian built in stuff!
  • Pasted image 20250701094446.png
  • random notes
  • Spring notes
  • Spring notes 2
  • Supabase
  • Untitled
  • using generic
  • 보충수업 노트
  • 스프린트 과제
Home

❯

full stack

❯

frontend

❯

Frontend

Frontend

Jul 07, 20251 min read

programming languages used are pretty fixed: html, css, js, because these are the only things the browser can work with

  • How does the internet work
  • HTML
  • CSS
    • Responsive Webpages
  • JavaScript
    • Adding JS to websites
  • Bootstrap
  • Web design
  • DOM (Document Object Model)
  • Separation of Concern (SoC)

Library

  • React

Graph View

Backlinks

  • Amplify
  • Cognito
  • REST API
  • APIs
  • Server-side API Requests + Axios
  • Backend technologies
  • Node.js

Created with Quartz v4.5.0 © 2025

  • GitHub
  • Discord Community