TIL

• 학습한 내용을 글로 기록합니다.
• 작성된 내용을 이해하고 응용할 수 있습니다.

---

Java

• Java
• Reference Type
• String-method
• OOP
• class
• static fields, methods
• getter, setter, constructor, builder
• abstract class
• interface
• inner class
• anonymous class
• java.util
  • collection-framework
  • generic
• SOLID 원칙
• refelction
• checked, unchecked exception
• JVM 구조
• GC 이해하기

Spring

• spring, spring boot
• spring
• API
• DAO DTO VO
• JPA, ORM
• build.gradle
• 서블릿과 디스패처 서블릿 - Servlet, Dispatcher Servlet
• 스프링을 사용하는 이유
• JDBC와 DataSource
• 스프링 AOP

• 김영한 스프링 입문
• 김영한 스프링 JPA 활용 1

• 스프링부트 요청과 응답
• 스프링부트 테스트코드

DB

• DB 인덱스 진짜 이해하기

OS

• 동기화를 위한 뮤텍스와 세마포어
• 프로세스와 스레드

Node.js

• Node.js
• express

Kotlin

• Kotlin

---

DevOps

• CI/CD

---

HTTP

인터넷 네트워크

• IP(인터넷 프로토콜)
• TCP, UDP
• PORT, DNS

URI와 웹 브라우저 요청 흐름

• URI
• 웹 브라우저 요청 흐름

HTTP

• 모든 것이 HTTP
• 클라이언트 서버 구조
• Stateful, Stateless
• Connectionless
• HTTP 메시지

HTTP 메서드

• HTTP API 만들기
• HTTP 메서드 GET, POST
• HTTP 메서드 PUT, PATCH, DELETE
• HTTP 메서드의 속성

HTTP 메서드 활용

• 클라이언트에서 서버로 데이터 전송
• HTTP API 설계 예시

HTTP 상태코드

• HTTP 상태코드
• 2xx - 성공
• 3xx - 리다이렉션
• 4xx - 클라이언트 오류, 5xx - 서버 오류

HTTP 헤더 (일반 헤더)

• HTTP 헤더 개요, 표현

---

HTML

• DOM
• HTML
• Semantic Tag
• Tags

CSS

• Style
• inline-block
• BoxModel
• CssLayout
• 반응형

JS

• 기본 문법
• DOM
• var let const
• Hoisting
• Template Tagged literals
• PAD
• setTimeout setInterval
• webStorage
• Array Function
• Slice vs Splice vs Split
• every some
• ShallowCopy? DeepCopy?
• Destructuring
• Spread-Rest
• try...catch
• this
• Arrow Function =>
• CallBack Function
• Function Declaration vs Expression
• 상속
  • constructor
  • prototype
  • class
• getter setter
• import export
• 동기 / 비동기
  • Synchronous Asynchronous
  • Promise
  • async await
  • fetch
• for ... in for ... of and enumerable iterable

TypeScript

• TypeScript
• Types
• functions
• classes-and-interfaces
• ts-react-form

React

• React
• Virtual DOM
• component
• props
• event handler
• style
• styled-components
• emotion
• contorlled / uncontrolled component
• array rendering
• axios
• Helmet
• uuid
• useState
• useEffect
• useRef
• useMemo
• useCallback
• useContext
• router
• CustomHooks
  • useInput | useTabs | useTitle | useClick | useConfirm | usePreventLeave | useBeforeLeave | useFadeIn | useNetwork | useScroll | useFullscreen | useAxios | useJinheonsRandom
• React Query
• react-hook-form
• react-beautiful-dnd
• framer-motion.md

State Management

conextAPI

• contextAPI

Recoil

• Recoil

Next js

• Next.js
• Routing
• Image / Head
• Pre-rendering