본문 바로가기

분류 전체보기381

[DevCourse] 생성형 AI 활용 백엔드 데브코스 5일차 오늘은 반응형 웹, Flexbox, Bootstrap, 그리고 자바스크립트 기초까지 다뤄보았다.그동안 HTML, CSS에서 구조 짜고 꾸미는 작업이 익숙하지 않아서 좀 버거웠는데, 이제 조금씩 내가 만들고 있다는 실감이 들기 시작했다.✍️ 간단하게 오늘 배운 내용반응형 웹: 뷰포트 설정 + 미디어 쿼리로 다양한 화면 대응Flexbox & Bootstrap: 레이아웃을 편하게 잡고, 빠르게 스타일 적용JavaScript: 변수, 출력, 연산자 같은 기초 문법 개별적으로 보면 어려운 건 아니었지만,웹 개발 흐름 속에서 각각의 역할이 자연스럽게 연결된다는 게 인상 깊었다.🧡 느낀 점디자인 감각이 없어서 HTML이랑 CSS는 좀 어렵게 느껴졌는데, 드디어 코딩다운 코딩을 하는 느낌이라 좋았다.특히 자바스크립트.. 2025. 4. 10.

HTML 기본기 다지기 웹 개발을 시작할 때 가장 먼저 배우는 것이 HTML입니다.HTML은 웹 페이지의 뼈대를 구성하는 언어로, 모든 웹 사이트는 결국 HTML 위에 쌓여 있어요.이번 글에서는 HTML의 기본 구조부터 주요 태그, 시맨틱 태그, 그리고 폼 태그까지 깔끔하게 정리해 볼게요.✅ HTML의 기본 구조 이해하기HTML 문서는 기본적으로 다음과 같은 구조를 가지고 있어요. Hello, HTML! 태그 설명 HTML5 문서임을 선언 HTML 문서의 시작과 끝을 감쌈 문서 정보를 담는 영역 (제목, 인코딩, 메타정보 등) 화면에 실제로 보여지는 콘텐츠 영역 🏷️ 주요 HTML 태그 소개HTML에는 정말 다양한 태그가 있지만, 자주 쓰이는 기본 태그 몇 가지만 먼저 익혀볼게요.?.. 2025. 4. 9.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 4일차 오늘은 본격적으로 CSS 수업이 시작됐다.사실 나는 그동안 디자인에 자신이 없어서 스타일을 입히는 데 소극적인 편이었다. “일단 작동하게 만들고, 꾸미는 건 나중에…”라는 마인드로 코딩해왔던 것 같다. 그런 나에게 오늘 수업은, ‘스타일도 코드의 일부’ 라는 걸 다시 생각하게 해준 시간이었다.🎨 오늘 배운 내용 간단 정리CSS는 웹 페이지의 디자인과 레이아웃을 담당하는 언어인라인 / 내부 / 외부 스타일 적용 방식기본 선택자와 속성들: 글꼴, 크기, 색상, 배경, 박스 모델 등요소 배치 방식: float, position, display, z-index 등이미 어느 정도 알고 있던 개념도 있었지만, 이렇게 한 번에 정리하며 체계화하는 과정이 오히려 더 좋았다.머릿속에 흩어져 있던 퍼즐이 조금씩 맞춰지는.. 2025. 4. 9.

웹은 어떻게 작동할까? 웹 개발을 처음 시작할 때, 가장 먼저 알아야 할 것은 웹이 어떻게 작동하는가입니다. 단순히 브라우저에 URL을 입력하면 페이지가 열리는 그 과정을 조금 더 자세히 들여다보면, 웹 개발의 기본 원리를 이해할 수 있어요.1. 브라우저와 서버, 그리고 그 사이의 이야기우리가 흔히 쓰는 크롬(Chrome), 사파리(Safari), 엣지(Edge) 같은 브라우저는 단순히 정보를 보여주는 도구가 아닙니다.사용자가 URL을 입력하면 브라우저는 다음과 같은 과정을 거칩니다. DNS 조회 – 도메인 이름을 IP 주소로 변환서버에 요청 전송 – 해당 IP 주소의 서버로 요청(Request)을 보냄서버 응답 – 서버는 HTML, CSS, JS 등의 파일을 브라우저에 응답(Response)으로 전달브라우저 렌더링 – 받은 .. 2025. 4. 8.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 3일차 드디어 데브코스 3일 차! 오늘은 HTML 기본 구조에 대해 배우는 시간이었는데, 이미 알고 있다고 생각했던 부분이 많아서 처음엔 좀 가볍게 느껴졌다.이미 알고 있던 내용을 다시 정리하며 내 것으로 다질 수 있는 시간이어서 좋았다🏗 HTML 기본 구조 다시 보기부터 , 구조까지. 항상 습관처럼 적던 부분이었지만, 왜 이 구조가 필요한지를 다시금 생각해 보게 됐다., , , 등 안에 들어가는 요소들도 다시 정리하며, 이이 요소들이 SEO, 페이지 정보 전달, 스타일 적용 등에 중요한 역할을 한다는 걸 복습할 수 있었다.들여 쓰기나 태그의 중첩 구조처럼 사소해 보이는 부분도, 코드의 가독성과 유지보수성에 영향을 준다는 걸 다시 느꼈다.무언가 새롭기보다 기존의 지식을 한번 더 정돈하는 시간이라서, 가볍.. 2025. 4. 8.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 2일차 데브코스 2일 차. 본격적으로 수업이 시작됐다. 아직 실습보다는 이론 위주의 수업이었지만, 알차고 흥미로운 내용들이 많았다.특히 ChatGPT를 어떻게 하면 “잘” 사용할 수 있을지 배울 수 있었다.✨ ChatGPT와 생성형 AI에 대한 이해 오늘 수업의 핵심 주제 중 하나는 ‘생성형 AI’였고, 그 중심에는 ChatGPT가 있었다.이미 많이 써봤지만, 이번엔 조금 더 원리적으로 접근해서 이해할 수 있었다.ChatGPT는 트랜스포머 구조 기반의 언어 모델로, 문맥을 이해하고 다음 단어를 예측하면서 자연스러운 문장을 만들어낸다.결국 “다음에 올 말을 똑똑하게 예측하는 모델”이라는 점이 인상 깊었다.예를 들어 “HTML로 20자 이내 자기소개 만들어줘” 같은 식의 요청도 가능한데, 이건 단순한 답변이 아니라.. 2025. 4. 8.

이전 1 ··· 10 11 12 13 14 15 16 ··· 64 다음

티스토리툴바