전체 글312 [DevCourse] 생성형 AI 활용 백엔드 데브코스 7일차 오늘은 자바스크립트의 문자열 처리와 브라우저 객체, 그리고 jQuery라는 새로운 도구까지 배우면서 꽤 다양한 내용을 다뤘다.하나하나 깊게 들어가진 않았지만, 전반적인 흐름을 이해하고 써볼 수 있게 된 것만으로도 의미 있는 하루였다.📌 오늘 간단 정리문자열 메서드: charAt, indexOf, replace, split, trim 등브라우저 객체: window, alert(), confirm() 등 기본 인터랙션 처리객체 생성 방식: 리터럴 방식 vs 생성자 함수jQuery: $()로 요소 선택 후 .text(), .append(), .remove() 등 다양한 조작 가능DOM 탐색과 조작의 흐름 익힘 (부모 → 자식 / 추가 → 삭제) 전체적으로 문자, 요소, 구조를 다루는 방법들을 배운 느낌이었다.. 2025. 4. 11. [DevCourse] 생성형 AI 활용 백엔드 데브코스 6일차 오늘은 자바스크립트의 제어문, 함수, 객체 같은 기초적인 내용을 다뤘다.이미 다른 언어에서도 접해본 개념들이라 낯설지 않았고, 편하게 들으면서도 알고 있던 내용을 더 확실하게 정리할 수 있었던 시간이었다.🧠 오늘 간단히 정리if, for, while 같은 제어문다양한 방식의 함수 선언과 호출클로저, 콜백 함수 등 함수 심화 개념객체와 Date, Math, Array 같은 내장 객체 활용특히 클로저나 중첩 함수처럼 이름은 익숙했지만 제대로 설명하기 어려웠던 개념들도이번에 흐름 속에서 다시 정리할 수 있어서 좋았다.🧡 느낀 점오늘은 전체적으로 부담 없이 따라갈 수 있었던 수업이었다.익숙한 내용을 다시 다지면서 자바스크립트 문법의 흐름도 더 자연스럽게 잡히는 느낌. 앞으로 배울 이벤트 처리나 DOM 조작도.. 2025. 4. 10. CSS로 스타일링 시작하기 HTML만으로는 웹 페이지가 너무 밋밋하죠.그래서 우리는 CSS(Cascading Style Sheets)를 사용해 글꼴, 색상, 레이아웃 등 웹의 시각적인 스타일을 입힐 수 있어요.이 글에서는 CSS의 기본 개념부터 꼭 알아야 할 핵심 속성들까지 정리해볼게요.1️⃣ CSS 기본 문법과 구조CSS는 HTML에 다음과 같은 방식으로 스타일을 적용합니다.선택자 { 속성: 값;} 예시:p { color: blue; font-size: 16px;}선택자(Selector)는 어떤 요소에 스타일을 적용할지를 지정속성(Property)은 적용할 스타일 종류값(Value)은 속성에 대한 구체적인 설정CSS 적용 방식인라인 스타일: HTML 요소에 직접 style 속성 사용내부 스타일: 태그를 안에 작성외부 스.. 2025. 4. 10. [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. 이전 1 2 3 4 ··· 52 다음 반응형