Jay's Cookbook
Menu
  • Tags
  • Categories
  • Projects
Computer Science
OS
Network
Data Structure
Algorithm
Language
Code Architecture
Python
Javascript
Typescript
Java
Backend
Backend Theory
TypeORM
Node.js
NestJS
FastAPI
Frontend
HTML/CSS
React
Next.js
Data Engineering
DE Theory
MySQL
MongoDB
Elastic
Redis
Kafka
Spark
Airflow
AI
Basic
Pytorch
NLP
Computer Vision
Data Analytics
Statistics
Pandas
Matplotlib
DevOps
Git
Docker
Kubernetes
AWS
29 Posts

Frontend

03 Dec 2023 [HTML]: Intro
frontend
HTML-CSS

[HTML]: Intro

03 Dec 2023 [React]: 프론트엔드 개발 흐름의 변화
frontend
react

[React]: 프론트엔드 개발 흐름의 변화

프론트엔드, 리액트, 모던 프론트엔드 순으로 프론트엔드 개발 흐름의 변화에 대해 배운다

03 Dec 2023 [React]: Intro
frontend
react

[React]: Intro

리액트에 대한 소개와, 리액트의 특징에 대해 배운다

03 Dec 2023 [React]: 컴포넌트 (with JSX)
frontend
react

[React]: 컴포넌트 (with JSX)

JSX를 이용해 컴포넌트를 만드는 방법에 대해 배운다

03 Dec 2023 [React]: 리렌더링 (with State)
frontend
react

[React]: 리렌더링 (with State)

상태 변화에 따른 리렌더링을 통해 웹 페이지를 동적으로 만드는 방법에 대해 배운다

04 Dec 2023 [React]: 컴포넌트간 데이터 전달 (with Props)
frontend
react

[React]: 컴포넌트간 데이터 전달 (with Props)

상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 법에 대해 배운다

05 Dec 2023 [React]: 리액트 훅(hook)
frontend
react

[React]: 리액트 훅(hook)

리액트에서 제공하는 훅에 대해 배운다

07 Dec 2023 [HTML]: HTML의 기본 뼈대가 되는 태그
frontend
HTML-CSS

[HTML]: HTML의 기본 뼈대가 되는 태그

08 Dec 2023 [React]: 데이터 폼 양식 만들기
frontend
react

[React]: 데이터 폼 양식 만들기

10 Dec 2023 [React]: 데이터 패칭 (with Tanstack query)
frontend
react

[React]: 데이터 패칭 (with Tanstack query)

12 Dec 2023 [HTML]: <head>에 들어가는 태그
frontend
HTML-CSS

[HTML]: <head>에 들어가는 태그

17 Dec 2023 [HTML]: <body>에 들어가는 태그
frontend
HTML-CSS

[HTML]: <body>에 들어가는 태그

01 Feb 2024 [CSS]: Intro
frontend
HTML-CSS

[CSS]: Intro

01 Feb 2024 [Next.js] Intro
frontend
nextjs

[Next.js] Intro

Next.js의 특징에 대해 간단히 배운다

02 Feb 2024 [Next.js]: 라우팅
frontend
nextjs

[Next.js]: 라우팅

Next.js의 라우팅 방법에 대해 배운다

03 Feb 2024 [Next.js]: 렌더링
frontend
nextjs

[Next.js]: 렌더링

Next.js의 렌더링 방법에 대해 배운다

05 Feb 2024 [CSS]: 색상(color)
frontend
HTML-CSS

[CSS]: 색상(color)

10 Feb 2024 [CSS]: 폰트(font)
frontend
HTML-CSS

[CSS]: 폰트(font)

10 Feb 2024 [Next.js]: 데이터 패칭 (with. Tanstack Query)
frontend
nextjs

[Next.js]: 데이터 패칭 (with. Tanstack Query)

13 Feb 2024 [Next.js]: next-auth를 통한 인증
frontend
nextjs

[Next.js]: next-auth를 통한 인증

15 Feb 2024 [CSS]: 크기(size)
frontend
HTML-CSS

[CSS]: 크기(size)

15 Feb 2024 [Next.js]: 이미지 최적화
frontend
nextjs

[Next.js]: 이미지 최적화

17 Feb 2024 [CSS]: 함수(func)
frontend
HTML-CSS

[CSS]: 함수(func)

20 Feb 2024 [CSS]: 선택자(selector)
frontend
HTML-CSS

[CSS]: 선택자(selector)

20 Feb 2024 [Next.js]: 토스페이먼츠로 결제 연동
frontend
nextjs

[Next.js]: 토스페이먼츠로 결제 연동

01 Mar 2024 [CSS] Layout: 플렉스(flex)
frontend
HTML-CSS

[CSS] Layout: 플렉스(flex)

05 May 2024 [React Hook]: useState
frontend
react

[React Hook]: useState

15 May 2024 [React Hook]: useEffect
frontend
react

[React Hook]: useEffect

25 May 2024 [React Hook]: useRef
frontend
react

[React Hook]: useRef

Jay Kim

Jay Kim

Web development, data engineering for human for the Earth. I share posts, free resources and inspiration.

Rest
Lifestyle
Hobby
Hobby
Hobby
Hobby
2025 © Jay's Cookbook. Crafted & Designed by Artem Sheludko.