1. 오늘 한 것 (What I Did)컴포넌트 만들기컴포넌트는 반드시 하나의 요소만 return해야 함로 감싸거나 빈 태그 사용하기 다른 파일에서 import/export 해봤음HTML을 JSX로 바꿔봤음class → className (JS예약어 충돌 방지)모든 태그 반드시 닫기 → → App.js 실행까지 성공React 앱을 실제로 브라우저에서 돌려봤음npm install / npm run dev 명령어 사용 (꼭 실행 위치 폴더를 잘 확인하자!) 내가 만든 컴포넌트가 화면에 나타나는 걸 봤음2. 새로 이해한 것 (What I Learned)React 앱 실행 흐름 컴포넌트 파일 만들기App.js에서 import하기npm run dev로 실행하기브라우저에서 결과 확인하기컴포넌트의 의미컴포넌트 ..

1. 오늘 한 것 (What I Did)HTML로 만들어둔 페이지를 JSON 파일(데이터)과 JavaScript 함수로 쪼개서 다시 만들기 → 동적 렌더링자바스크립트 최신 문법들 (템플릿 리터럴, 구조 분해 할당) 써보기http-server으로 로컬 서버 돌려서 파일 불러오는 방법 배우기 → CORS 문제 해결, 올바른 폴더에서 실행하기JSON 파싱 오류부터 JavaScript 문법 오류까지 다양한 디버깅 경험2. 새로 이해한 것 (What I Learned)왜 HTML을 쪼개서 만들까?내용만 바꾸고 싶으면 JSON 파일만 수정하면 됨, 관리하기 편해짐 같은 틀에 다른 데이터만 넣어서 여러 페이지 만들 수 있음, 재사용 가능 HTML 태그 직접 건드릴 일이 없어짐, 실수 줄어듦 자바스크립트 새로운 문법들..

오늘 배운 것웹 서비스에서 백엔드와 프론트엔드가 분리된 역사적 배경을 이해했다.프론트-백엔드-인프라를 구성하는 기초 뼈대를 학습했다.배움의 순서웹 서비스에서 백엔드와 프론트엔드가 분리된 배경Next.js 기초 실습Next.js 프로젝트 생성하기폴더 구조 및 App Router, Navigation 구현‘style.module.css’로 모듈형 스타일링 실습Docker & MySQL 환경 구축Docker 기초 실습 후, MySQL 컨테이너 설치 → DB 환경도 "내가 띄우고 연결해본다"는 감각을 갖는 게 중요백엔드 기초 (Spring + Kotlin)프로젝트 생성 → 기본 구조 파악REST API와 WebSocket의 차이점 이해HTTP 메서드(GET, POST, PUT, DELETE) 개념 정리PA/OR..