[DevCourse] 생성형 AI 활용 백엔드 데브코스 7일차
오늘은 자바스크립트의 문자열 처리와 브라우저 객체, 그리고 jQuery라는 새로운 도구까지 배우면서 꽤 다양한 내용을 다뤘다.하나하나 깊게 들어가진 않았지만, 전반적인 흐름을 이해하고 써볼 수 있게 된 것만으로도 의미 있는 하루였다.📌 오늘 간단 정리문자열 메서드: charAt, indexOf, replace, split, trim 등브라우저 객체: window, alert(), confirm() 등 기본 인터랙션 처리객체 생성 방식: 리터럴 방식 vs 생성자 함수jQuery: $()로 요소 선택 후 .text(), .append(), .remove() 등 다양한 조작 가능DOM 탐색과 조작의 흐름 익힘 (부모 → 자식 / 추가 → 삭제) 전체적으로 문자, 요소, 구조를 다루는 방법들을 배운 느낌이었다..
2025. 4. 11.
[DevCourse] 생성형 AI 활용 백엔드 데브코스 5일차
오늘은 반응형 웹, Flexbox, Bootstrap, 그리고 자바스크립트 기초까지 다뤄보았다.그동안 HTML, CSS에서 구조 짜고 꾸미는 작업이 익숙하지 않아서 좀 버거웠는데, 이제 조금씩 내가 만들고 있다는 실감이 들기 시작했다.✍️ 간단하게 오늘 배운 내용반응형 웹: 뷰포트 설정 + 미디어 쿼리로 다양한 화면 대응Flexbox & Bootstrap: 레이아웃을 편하게 잡고, 빠르게 스타일 적용JavaScript: 변수, 출력, 연산자 같은 기초 문법 개별적으로 보면 어려운 건 아니었지만,웹 개발 흐름 속에서 각각의 역할이 자연스럽게 연결된다는 게 인상 깊었다.🧡 느낀 점디자인 감각이 없어서 HTML이랑 CSS는 좀 어렵게 느껴졌는데, 드디어 코딩다운 코딩을 하는 느낌이라 좋았다.특히 자바스크립트..
2025. 4. 10.
[DevCourse] 생성형 AI 활용 백엔드 데브코스 4일차
오늘은 본격적으로 CSS 수업이 시작됐다.사실 나는 그동안 디자인에 자신이 없어서 스타일을 입히는 데 소극적인 편이었다. “일단 작동하게 만들고, 꾸미는 건 나중에…”라는 마인드로 코딩해왔던 것 같다. 그런 나에게 오늘 수업은, ‘스타일도 코드의 일부’ 라는 걸 다시 생각하게 해준 시간이었다.🎨 오늘 배운 내용 간단 정리CSS는 웹 페이지의 디자인과 레이아웃을 담당하는 언어인라인 / 내부 / 외부 스타일 적용 방식기본 선택자와 속성들: 글꼴, 크기, 색상, 배경, 박스 모델 등요소 배치 방식: float, position, display, z-index 등이미 어느 정도 알고 있던 개념도 있었지만, 이렇게 한 번에 정리하며 체계화하는 과정이 오히려 더 좋았다.머릿속에 흩어져 있던 퍼즐이 조금씩 맞춰지는..
2025. 4. 9.
[DevCourse] 생성형 AI 활용 백엔드 데브코스 3일차
드디어 데브코스 3일 차! 오늘은 HTML 기본 구조에 대해 배우는 시간이었는데, 이미 알고 있다고 생각했던 부분이 많아서 처음엔 좀 가볍게 느껴졌다.이미 알고 있던 내용을 다시 정리하며 내 것으로 다질 수 있는 시간이어서 좋았다🏗 HTML 기본 구조 다시 보기부터 , 구조까지. 항상 습관처럼 적던 부분이었지만, 왜 이 구조가 필요한지를 다시금 생각해 보게 됐다., , , 등 안에 들어가는 요소들도 다시 정리하며, 이이 요소들이 SEO, 페이지 정보 전달, 스타일 적용 등에 중요한 역할을 한다는 걸 복습할 수 있었다.들여 쓰기나 태그의 중첩 구조처럼 사소해 보이는 부분도, 코드의 가독성과 유지보수성에 영향을 준다는 걸 다시 느꼈다.무언가 새롭기보다 기존의 지식을 한번 더 정돈하는 시간이라서, 가볍..
2025. 4. 8.