Spring Boot + MyBatis + JS로 회원 관리 기능을 구현했다. DTO로 요청/응답 데이터를 분리하고 회원가입, 로그인, 로그아웃까지 백엔드와 프론트엔드를 함께 다뤄보자.

피자 쇼핑몰 프론트엔드를 직접 만들어보며 HTML 구조 설계, CSS 스타일링, JavaScript로 REST API 연동까지 구현하는 과정을 담았다. 메뉴 조회와 카테고리 필터링 기능을 단계별로 알아보자.

학원에서 배운 Spring Boot CRUD를 복습하며 🍕피자 가게 웹페이지를 직접 구현해보자.

학원에서 Spring Boot 개발 환경 세팅을 하면서 겪은 과정을 정리했다. JDK, 스프링부트, Lombok, MySQL, Postman 설치 방법과 설치 중 발생한 이슈 및 해결 방법까지 함께 담았으니 처음 세팅하는 분들에게 도움이 되길 바란다 😊

부분집합 vs 순열 vs 조합 | | 순서 | 개수 | |---|---|---| | 부분집합 | 상관 없음 | 상관 없음 | | 순열 | 상관 있음 | r개 | | 조합 | 상관 없음 | r개 | 예시 {1, 2, 3} 에서 2개 뽑기 순열 가짓수 : 6개 예시

그리디(Greedy) 알고리즘의 개념과 특징을 정리하고, 예제 문제인 동전 거스름돈, 최대 회의 수 구하기 문제를 풀어보자.

트리(Tree) 자료구조의 개념과 용어를 정리하고, 직접 코드로 구현해보자.

완전탐색 (Brute Force) : 가능한 모든 경우의 수를 전부 시도해보자 💪

제미나이 API는 무료로 사용할 수 있다. 이번 포스팅에서는 별도의 프레임워크 없이 JavaScript로 채팅 화면에 Gemini API를 연동하는 방법을 정리해본다.

선택 정렬(Selection Sort)은 매 라운드마다 최솟값을 찾아 앞으로 보내는 정렬 알고리즘이다. 선택 정렬의 특징과 동작 원리, 시간복잡도까지 알아보자.

재귀 함수란? > 함수가 자기 자신을 호출하는 것 장점 : 이해가 선행된다면 코드가 직관적이고 읽기 쉬운 경우가 있음 단점 : 함수 호출마다 스택 메모리 사용 -> 깊어지면 StackOverFlowError 재귀의 두 가지 필수 요소 | 요소 | 설명 | |-

1. List: 순서가 있는 데이터의 나열 📌 ArrayList 가장 흔히 사용되는 가변 크기 배열입니다. 특징: 크기를 처음에 고정해야하는 일반 배열과 달리 크기가 자동으로 늘어나는 동적 배열이다. 장점: 인덱스(index)를 이용한 조회($O(1)$)가 매우 빠

오늘은 자바에서 가장 많이 헷갈렸던 접근제어자를 정리해 보려고 한다.접근 제어자는 클래스, 메서드, 필드에 대한 접근 범위를 제한하는 키워드다.캡슐화(Encapsulation)를 구현하는 핵심 도구이며, 외부로부터 내부 구현을 보호한다.접근 범위: private &lt

오늘은 클래스 설계 실습 문제 두 가지를 풀었다.기초 문제에서는 Car 클래스를, 심화 문제에서는 은행 계좌 시스템을 직접 구현했다.속성 : brand(제조사), model(모델명), speed(속도)메서드accelerate(int amount) — 속도 증가break

이번에는 부트캠프에서 배운 HTML/CSS/Typescript로 Gemini API를 이용한 AI 채팅 사이트를 만들어보았습니다. (디자인 구성은 Claude와 Gemini의 도움을 받았습니다.) 1. 전체 레이아웃 구조 AI 채팅 페이지의 레이아웃은 크게 사이드바

## 1. TypeScript란? **실행 전에** 코드 작성 단계에서 타입 에러를 미리 잡아주는 언어. 브라우저는 TS를 직접 실행할 수 없으므로, `tsc` 명령으로 컴파일해 `.js 파일`로 변환 후 사용한다. ```bash // 예시 tsc app.ts ``

이번 수업에서는 자바스크립트로 계산기와 그림판을 만들어보았다. 계산기를 직접 다시 구현해 보면서, 집에 있는 실물 계산기를 모델 삼아 CSS로 최대한 비슷하게 아래와 같이 재현해 보았다. | 실물 계산기 | 구현 결과물 | |:---:|:---:| | 실물 계산기

자바스크립트란? 사용자의 행동에 반응하고, 데이터를 처리하며, 웹페이지를 살아있게 만드는 프로그래밍 언어 HTML이 뼈대를 만들고, CSS가 꾸며주면, JavaScript는 거기에 생명을 불어넣는 역할 버튼을 누르면 반응하고, 데이터를 계산하고, 서버와 소통하고,

CSS란? 구조만 있는 HTML 텍스트에 스타일을 입혀주는 언어 ex) html - 사람, css - 옷 HTML 문서에 'style' 태그 안에 삽입할 수도 있고 별도의 파일로 분리하는 것도 가능 css 선택자 우선순위 id > class > tag 박스 모델

HTML이란? (HyperText Markup Language) HyperText : 하이퍼링크를 통해 다른 페이지로 이동할 수 있는 텍스트 Markup: 태그를 이용하여 텍스트에게 역할을 주는 것 Ex) 제목, 줄바꿈, 비디오 등 Language : 브라우저가 이해할