본문 바로가기

devcourse47

[DevCourse] 생성형 AI 활용 백엔드 데브코스 13일차 지난 12일 차 수업은 건강 문제로 수업에 참여하지 못했지만,다행히 오늘 수업 시작 전 지난 시간 개념을 다시 복습하는 시간이 있어 큰 무리 없이 따라갈 수 있었다.React의 Hook 개념과 Router 구조를 배우고, Todo 리스트와 SPA를 직접 구현하는 실습을 하면서조금씩 React의 실전 활용 방식이 감 잡히기 시작했다.📌 오늘 배운 주요 내용 정리1. React의 다양한 Hook 활용법useState와 useEffect는 이제 익숙해졌고,오늘은 여기에 더해 useReducer, useMemo, useCallback, useRef 같은실전에서의 상태 관리와 최적화를 위한 고급 Hook을 배웠다.특히 useReducer는 상태가 여러 개이거나 복잡한 폼 로직에 유용하다는 걸,직접 예제를 따라 .. 2025. 4. 21.

[DevCourse] 생성형 AI 활용 백엔드 데브코스 11일차 오늘은 React를 사용하면서 “화면이 반응하고 바뀌는 흐름”을 실감할 수 있었던 날이었다.그동안은 정적인 UI만 구성했다면, 이제는 사용자의 입력에 따라 컴포넌트가 변하고, 상태가 업데이트되고, 이벤트가 발생하는 흐름을 경험했다.예제를 하나씩 따라 하면서 React가 어떤 구조로 동작하는지를 점점 더 구체적으로 이해하게 되었다.📌 오늘 배운 내용 간단 정리1. state와 이벤트 처리useState()로 컴포넌트 내부의 상태값을 관리하고버튼 클릭, 입력 변화 같은 사용자 이벤트에 따라 상태를 업데이트상태가 바뀌면 자동으로 다시 렌더링 된다는 구조가 처음엔 낯설었지만,사용해 보니 굉장히 명확하고 직관적이었다2. 클래스형 컴포넌트 vs 함수형 컴포넌트클래스형에서는 this.state와 this.setSt.. 2025. 4. 17.

[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.

이전 1 ··· 4 5 6 7 8 다음

티스토리툴바