TIL

웹 서비스의 이해

git 활용법

HTML, CSS에 대한 기본 개념을 익히고 간단한 실습을 진행함.

1. 오늘 학습한 주제 script 문법 및 활용 함수, 메서드, arrow, lambda 등 event, eventHandler 구조분해(Destructuring) 2. 배운 내용 script가 Document도, Browser도 제어할 수 있음 Document

1. 오늘 학습한 주제 Promise DOM Create axios 도입 mediaQuery 기본 개념 2. 배운 내용 component UI를 담당 각 page의 역할을 담당하기도 함 skeleton UI 지연로딩 지연이 발생할 때 데이터를 가져오는 틀을 유지하는

ReactSkeleton UIes6지연이 발생할 때 데이터를 가져오는 틀을 유지하는 UIcontainer: 로딩 중과 완료 후가 동일한 레이아웃자리표시자: .skeleton-card, .skeleton-line 등 실제 요소와 치수를 맞춤shimmer 애니메이션: 그라

1. 오늘 학습한 주제 React TypeScript env State Lifecycle Hook side-effect 2. 배운 내용 TypeScript type이 있는 script 타입은 컴파일 시점에만 존재. JS로 변환한 뒤에 실행됨. Array inter

1. 오늘 학습한 주제 Props pure function react-bootstrap react-router-dom 인증 / 인가 Conditional Rendering 2. 배운 내용 Props | 개념 | 비유 | | --- | --- | | Compone

feature 단위 폴더 구조객체 state로 폼 관리localStorageuseEffect로 데이터 로딩list rendering (map, key)컴포넌트 분리 (Page / List / Item)기능 단위로 폴더를 나눴다.라우팅은 진입점 한 곳에서 관리한다.URL

1. 오늘 학습한 주제 컴포넌트 합성 (Page / List / Item) 핸들러를 props로 내려보내기 json-server 1:N 관계 (_embed) POST / DELETE 이후 부분 리렌더링 useParams로 경로 변수 꺼내기 useMemo로 목록 필터링

[TIL] BE-01 - Java 시작, class와 constructor, lombok

1. 오늘 학습한 주제 연산자와 조건 분기(if, 삼항, switch) 반복문(for, while, do ~ while)과 label method overloading static과 JVM 메모리 literal pool과 String 비교 StringBuffer /

1. 오늘 학습한 주제 Scanner의 선언 위치와 static controller - service - repository 계층 구조 shallow copy와 deep copy 배열(array)의 특징과 enhanced for OOP의 4대 특징 상속(inherit

1. 오늘 학습한 주제 OOP 4대 특징 정리 (은닉화, 다형성, 추상화) 은닉화 - Singleton Pattern 추상화 - interface와 추상 클래스 enum overriding의 강제성과 결합도 Factory Method 2. 배운 내용 OOP 정리

MVC 구조와 요청 흐름 — View → FrontController → Factory → Controller → Service → DaoWrapper 클래스와 boxing / unboxingOptional<T>상세보기 — read.inspire, findById

java 구현 web component — Servlet, JSPStream — 단방향, 1byte / 2byte 구분Stream 예외처리와 close() — try-catch-finally, try-with-resources콘솔 입출력 — System.in.read(

Database modeling(개념, 논리, 물리)과 SQL 분류관계형 데이터베이스와 참조 무결성인덱스와 NULLSELECT 기본 문법과 별칭IFNULL(), NULLIF()DISTINCTWHERE와 연산자CONCAT()BETWEEN ... ANDLIKE / NOT

함수의 개념과 분류(단일행 / 복수행)문자열 함수 — LENGTH, TRIM, LPAD, SUBSTRING, INSTR, REPLACECAST()를 이용한 타입 변환숫자 함수 — CEILING, FLOOR, ROUND, TRUNCATE날짜 함수 — NOW, ADDDAT

MAPPING RULE정규화GROUP BY와 그룹함수HAVING계층적 집계 — WITH ROLLUPwindow function — OVER(PARTITION BY | ORDER BY)JOIN — ANSI 표준구문, ON / USINGOUTER JOIN, SELF JOI

조인 수행 방식 — NESTED LOOP JOIN, SORT MERGE JOIN, HASH JOINDRIVING TABLE과 DRIVEN TABLE서브쿼리의 유형과 위치 — 스칼라 서브쿼리, 인라인 뷰, WHERE 서브쿼리단일행 서브쿼리집계 결과로 행을 찾는 방법다중열

워크북 DML — INSERT, UPDATE, DELETECREATE TABLE ... AS SELECT 로 테이블 만들기DDL 실습과제 — PRIMARY KEY, FOREIGN KEY, CHECK, DEFAULT복합 PK와 테이블 레벨 제약주문 데이터 다중 join과

gradle과 dependency 관리resources의 project config — application.yml, profile 연결web component(servlet, jsp)와 SpringIoC — Dependency Injection, Dependency

Swagger — @Tag, @Operation, @ApiResponses@RequiredArgsConstructor와 생성자 주입파라미터 바인딩 — @RequestParam, @PathVariable, @RequestBody@GetMapping에서 body를 받을 수

상태 정보 유지 메커니즘 — Session에서 JWT로Token의 구성 — header, payload, signature@Mapper interface와 mapper XML — 명세와 SQL의 분리selectKey로 시퀀스 값 받아오기endPoint 변경에 따른 fr

Spring의 진입점 — DispatcherServlet, Filter와 AOP댓글 수정 — @PatchMapping, @PathVariable여러 파라미터를 Map으로 묶어 mapper에 전달mapper XML의 parameterType 지정댓글 삭제 — @Delet

MyBatis → JPA 포팅 — 의존성과 application-dev.yml 설정ddl-auto와 테이블 자동 생성@Entity, @Id, @GeneratedValue연관관계 매핑 — @ManyToOne, @OneToMany, @JoinColumnFetchType.L

mybatis와 JPA(Hibernate)의 계층 차이@Entity와 ddl-auto연관관계 매핑 — @ManyToOne, @OneToMany, @JoinColumn, FetchType.LAZYJpaRepository와 쿼리 메서드, @Query(JPQL)filter,

DevOps와 CI/CDGit 기본 명령어 — init, add, commit, push, fetch, pull.gitignore와 커밋 메시지 작성법Docker — 이미지와 컨테이너, 기본 명령어, DockerfileAWS — IAM, EC2, 보안 그룹GitHub

서버 실행 환경 — BareMetal, Hypervisor, ContainerDocker로 Redis 실행RedisConfig, RedisService — Refresh Token 저장Spring Security 도입 — SecurityConfig, SecurityFi

Spring AI 의존성과 OpenAI 설정 — spring-ai-bom, application-dev.ymlOpenAI message format — role(system, user, assistant), contentOpenAI API 직접 호출 — OkHttpCl

AI Agent 요청 흐름 — Controller → Agent → Tools → ServiceChatClient Bean 설정과 defaultTools()@Tool로 tool 정의 — searchBlogKeyword, saveBlog키워드 중복 검색 — JPQL LI

Service Discovery — Spring Cloud Netflix EurekaEureka Server — @EnableEurekaServer, register-with-eureka, fetch-registryEureka Client 등록 — @EnableDisc