부트캠프 TIL - HTML

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

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

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

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

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

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

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

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

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