1. 오늘 한 것 (What I Did)NestJS CRUD API HTTP 요청 테스트500 Internal Server Error 문제 해결실제 진행한 작업들1단계: HTTP 요청 테스트 환경 설정VS Code REST Client 확장 프로그램 사용.vscode/settings.json에 환경변수 설정user.http 파일 생성2단계: API 테스트 시도 및 에러 발생POST {{domain}}/usersContent-Type: application/json{ "providerId": "kakao123", "email": "test@test.com", "name": "홍길동"}결과: HTTP 500 Internal Server Error 발생3단계: 에러 원인 분석 및 해결터미널 로그 확인:..
1. 오늘 한 일 (What I Did)1-1. Docker로 MySQL 설치하고 실행하기1-1-1. 명령어로 MySQL 실행docker run --name mysql -e MYSQL_ROOT_PASSWORD=1234 -d -p 3306:3306 mysql:latest이 명령어 하나로 MySQL이 내 컴퓨터에 설치되고 실행됐다!--name mysql: 컨테이너 이름을 'mysql'로 지정-e MYSQL_ROOT_PASSWORD=1234: 관리자 비밀번호를 1234로 설정-p 3306:3306: MySQL 기본 포트 연결-d: 백그라운드에서 실행1-1-2. Docker Desktop GUI와 터미널 이름이 달라서 헷갈렸던 문제Docker Desktop에서는: practice-hanbi로 보임터미널에서는: ..
1. 오늘 한 것 (What I Did)React 프로젝트 생성: [Vite] npm create vite@latest my-react-app -- --template reactHTML 페이지("꾸준히 씁시다 클럽" OT 페이지)를 React JSX 컴포넌트로 변환컴포넌트별 데이터 구조화 및 분리 작업 조건부 렌더링으로 동적 UI 그리기 → type에 따라 다른 화면 보여주는거 Header, TimeTable, ClubIntroduction, MiniWorkshop, Declaration 컴포넌트 완성2. 새로 이해한 것 (What I Learned)2-1. React의 동작 원리2-1-1. public/index.html - 웹 페이지의 기본 골격 제공 브라우저가 이해할 수 있는 표준 HTML..
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로 실행하기브라우저에서 결과 확인하기컴포넌트의 의미컴포넌트 ..
