본문 바로가기

ai 백엔드9

[DevCourse] 생성형 AI 활용 백엔드 데브코스 10일차 오늘은 처음으로 React를 직접 사용해 보는 시간이었다. 처음으로 사용해보는 React는 어색했지만, React를 사용해 웹 페이지를 구성해 보는 과정이 새로웠고,조금은 어렵기도 했지만 동시에 흥미롭기도 했다.📌 오늘 배운 내용 정리1. 모던 자바스크립트 문법 정리map, filter 같은 고차 함수를 활용해 배열을 다루는 방식을 연습했고, 옵셔널 체이닝(?.), 널 병합 연산자(??) 같은 최근에 등장한 문법들도 배웠다.이런 문법들은 코드를 더 안전하고 깔끔하게 작성할 수 있도록 도와준다. 2. React 개요 및 JSX 문법 학습그리고 오늘의 핵심은 React를 처음으로 다뤄본 것이었다. React가 왜 등장하게 되었는지, 어떤 구조로 동작하는지 개념적으로 이해하고, JSX 문법을 활용해 UI를 .. 2025. 4. 16.
[DevCourse] 생성형 AI 활용 백엔드 데브코스 9일차 오늘은 본격적으로 모던 자바스크립트의 문법과 환경에 대해 다뤘다.모던 자바스크립트는 사용해 본 적이 없어 조금 걱정이었지만, 예제를 통해 직접 적용해보면서 자연스럽게 익힐 수 있었다.🔍 오늘 배운 내용 간단 정리let, const 같은 새로운 변수 선언 방식템플릿 리터럴, 화살표 함수, 구조 분해 할당스프레드/리스트 문법, 디폴트 파라미터npm, webpack, babel 등의 개념과 역할모던 프레임워크들이 사용하는 개발 환경의 기반 지식이전에는 ‘왜 이렇게 복잡하게 쓰지?’ 싶었던 문법들이지금은 그 이유가 조금씩 이해되기 시작했다.🧡 느낀 점오늘 배운 내용은 단순한 문법 암기보다 “자바스크립트를 더 깔끔하고 효율적으로 쓰는 법”을 익히는 과정 같았다.특히 const나 let처럼 작은 문법 하나도 개.. 2025. 4. 15.
[DevCourse] 생성형 AI 활용 백엔드 데브코스 8일차 오늘은 jQuery를 활용한 이벤트 처리, 폼 제어, 그리고 AJAX 비동기 통신까지 배웠다.처음엔 다소 복잡해 보였지만, 예제를 직접 따라 하면서 손에 익히니 생각보다 흐름이 자연스럽게 이해됐다.💡 오늘 배운 내용을 짧게 정리하면.click(), .hover(), .keydown() 같은 다양한 이벤트 메서드 사용법.val(), .prop() 등을 활용한 폼 입력 제어$.ajax()를 이용해 서버에서 데이터 받아오기 (JSON 처리)복잡한 개념보다는 “어떤 상황에서 어떤 메서드를 써야 할지” 위주로 감을 익혔다. 특히 AJAX 부분에서는 JSON 파일을 불러와서 테이블로 그려보는 실습을 했는데,진짜로 내 코드가 서버에서 데이터를 받아 화면에 그려주는 모습을 보니 재밌었다.🧡 느낀 점오늘 배운 것들은.. 2025. 4. 14.
[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.
[DevCourse] 생성형 AI 활용 백엔드 데브코스 5일차 오늘은 반응형 웹, Flexbox, Bootstrap, 그리고 자바스크립트 기초까지 다뤄보았다.그동안 HTML, CSS에서 구조 짜고 꾸미는 작업이 익숙하지 않아서 좀 버거웠는데, 이제 조금씩 내가 만들고 있다는 실감이 들기 시작했다.✍️ 간단하게 오늘 배운 내용반응형 웹: 뷰포트 설정 + 미디어 쿼리로 다양한 화면 대응Flexbox & Bootstrap: 레이아웃을 편하게 잡고, 빠르게 스타일 적용JavaScript: 변수, 출력, 연산자 같은 기초 문법 개별적으로 보면 어려운 건 아니었지만,웹 개발 흐름 속에서 각각의 역할이 자연스럽게 연결된다는 게 인상 깊었다.🧡 느낀 점디자인 감각이 없어서 HTML이랑 CSS는 좀 어렵게 느껴졌는데, 드디어 코딩다운 코딩을 하는 느낌이라 좋았다.특히 자바스크립트.. 2025. 4. 10.
반응형

티스토리툴바