전체 글152 [MySQL] DBeaver 사용법 - 폼데이터를 저장할 테이블 만들기 그래. 나는 프론트엔드 주력이다그래서 프론트엔드로 폼 먼저 만들었다. 데베는 이제야 손댄다. 아무튼.프론트에서 입력 받는 정보는 아래와 같다 teamName (팀명)leader (팀 대표)phone (연락처)members (팀원)genre (장르/가수)privacy (동의 여부) 이 정보를 저장할 테이블을 만들어야한다. https://velog.io/@jjunseokk/MySQL-DBeaver-%EC%82%AC%EC%9A%A9%EB%B2%95 [MySQL] DBeaver 사용법DB eaver설치방법은 DBeaver글을 참조한다.먼저 설치된 DBeaver를 실행한다.DBeaver-1실행 후 위와 같은 화면이 나오면 Databases를 더블클릭 한다. 그럼 위와 같은 화면.. 2026. 4. 18. [MySQL] MySQL 및 GUI 툴 설치 공연 참가자들이 보낸 데이터를 저장할 서버와 데이터베이스가 필요하다. 프론트에서 sql문 작성 없이 데이터베이스를 구현하는 Prisma ? 라는것도 있었는데제대로 sql문을 작성해서 서버를 구현하고 싶어서 이는 나중에 사용해보기로한다. 포스트그레와 mysql 중에 고민했는데,대표자 한명만 입력하기에 공연 신청자가 얼마 되지 않을것 같아서 (예상 30명?)포스트그레는 너무 오버스펙이라 생각했고, 오라클은 유료이고, 대중성을 고려해서 MySql을 선택하게 되었다.MySQL 설치brew install mysql # mac 설치가되어있네. 1. MySQL 실행하기설치만 하면 DB가 자동으로 켜져있지 않을 수 있다.brew services start mysql 상태 확인brew services list my.. 2026. 4. 18. [Next.js] Next.js 프로젝트 기본 세팅 및 기본 지식(특징) 1. 프로젝트 생성pnpm create next-app 프로젝트이름 2. 실행cd 프로젝트 이름npm run dev 브라우저 접속은 아래로http://localhost:3000 이전에 과제를 Next.js로 수행해서 기본 정보는 알고 있지만~ 이때의 공부를 바탕으로~..이번에는 자체 기획 공연의 공식 홈페이지를 Next.js로 제작해보기로했다.아무래도 부산에서 서울까지 발전하는 큰꿈을 가지고있다보니~ SEO 최적화를 해야할거같음 ㅎㅎ. 그래서 선택했다.이런 주절주절 글은 나중에 개발글 포스팅때 하기로 하고, 아무튼 그래서 다시 정리해보는 특징들.Next.js는 폴더 기반 라우팅이 핵심이다.App Router 기준 구조/app /page.tsx → "/" (홈) /about/page.t.. 2026. 4. 17. Doker 실습해보기 (3) - React 앱 Docker로 배포 Step 5 — React 앱 Docker로 배포목표는 정적 파일을 nginx로 서빙하는 구조를 만드는 것.React build → nginx → Docker Image → Container 실행 1. React 앱 준비없다면 새로 생성합니다.프로젝트가 있다면 해당 폴더로 이동 저는 기존에 있던 react + vite 프로젝트를 사용하기로 했습니다.2. React build 테스트- 그냥 npm run build 3. Dockerfile 작성프로젝트 root 디렉토리에 Dockerfile 생성FROM node:18 AS build# 경로 설정 - 컨테이너 내부 작업 폴더를 /app으로 설정, 이후 명령은 이를 기준으로 실행됨WORKDIR /appCOPY package.json package-lock.js.. 2026. 2. 20. Doker 실습해보기 (2) - Volume Step 4 — Volume (컨테이너 삭제해도 데이터 유지)지금까지:컨테이너 안 파일 → 컨테이너 삭제하면 사라짐 ❌Volume 사용:데이터 → 컨테이너 밖(Docker 관리 영역)에 저장 ✔컨테이너 삭제 → 데이터 유지 ✔1. Volume 없이 사라지는 것 확인먼저 테스트 컨테이너 하나 실행:docker run -d --name no-volume -p 8082:80 nginx 파일 생성 후 확인하면 test.txt 있음docker exec -it no-volume shcd /usr/share/nginx/htmlecho "NO VOLUME DATA" > test.txtexitdocker exec -it no-volume sh -c "ls /usr/share/nginx/html" 컨테이너를 삭제해봅시다d.. 2026. 2. 13. Doker 실습해보기 (1) Step 1 — Docker 설치 (Mac)터미널에서 uname -m 으로 Mac 칩 확인arm64 → Apple Siliconx86_64 → Intel공식 사이트 다운로드 👉 https://www.docker.com/products/docker-desktop/Apple Chip 일 경우 → Apple Silicon 버전을 다운받고 실행한다. ✅ Docker 정상 동작 확인터미널에서 아래의 코드를 실행한다.docker --version정상 예: Docker version 25.x.xdocker run hello-world 정상 결과:이미지 pull컨테이너 실행Hello from Docker! 메시지 출력→ 여기까지 나오면 설치 완료 Step 2 — Docker 기본 명령 실습 2026. 2. 13. 이전 1 2 3 4 ··· 26 다음
