2024/08 24

프젝)체크리스트+메모장+캘린더

DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>할일, 메모장, 캘린더title>    script src="https://cdn.tiny.cloud/1/c7wny3feouvnh55eoy8dj3bvhux0ljzqqr1or3oali99mgpi/tinymce/7/tinymce.min.js" referrerpolicy="origin">script>    style>        :root {            --primary-color: #4a90e2;            --secondary-color:..

프로젝트 2024.08.30

자바스크립트> 데이터바인딩 & 더보기

https://hjw1191.github.io/data//data.json(데이터주소)DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crosso..

자바스크립트 2024.08.26

프로젝트 > OTT 업데이트

https://web-ott-front-m09fpvc47fc6ed1f.sel4.cloudtype.app/ https://app.cloudtype.io/@hjw1191/ott:mainreact(클라우드타입 연결) & node.js( 클라우드타입)  & mongodb  (드라마 데이터) & API - 유튜브 ,tmbd, tunefind ,vibefront 와 backend 를 같이 배포가 쉬운게 클라우드 타입(https://app.cloudtype.io/)백엔터를 먼저 빌드 > 주소복사 > env & 하드코딩 > host 코드로 되어있는것을 백엔터 주소로 바꿈 fetch('https://port-0-ott-m09fpvc47fc6ed1f.sel4.cloudtype.app/api/dramas') (-- 서버올릴..

프로젝트 2024.08.24

git> 순서(통합,이중모듈 오류> 초기화시켜)

git remote -v  현재 주소확인 git branch 브랜치 목록확인 (git. 파일없애) git init  새로 생성 git remote add origin https://github.com/hjw1191/OTT.git git remote remove origin (주소제거)git remote add origin https://github.com/hjw1191/OTT/tree/main/front(하위주소) git branch -M main 새로운 레퍼지토리  브랜치 만들기 git add . git commit -m "첫" git branch 브랜치 목록확인 git push -u origin main  푸시. git push -f origin main 강제 덮여쓰기 git config --glob..

Git 2024.08.21

DBeaver)SQL WHERE로 데이터 필터링하기

▲ 오늘은 데이터를 좀 많이 넣어두고 수업을 진행해봅시다. 직접 적어도 되는데 귀찮으면 강의하단 파일 다운받아서 DBeaver에서 불러오면 됩니다.  csv 파일을 테이블에 불러오려면0. 기존 데이터는 전부 드래그해서 삭제 & 저장1. 왼쪽 파일트리에서 테이블에 우클릭 - 데이터 가져오기2. 'csv에서 가져오기' 클릭 후 csv 파일 업로드하기    ▲ 3. 한글 들어있는 데이터의 경우 인코딩부분을 euc-kr로 변경해야 안깨집니다. 4. 그럼 파일명과 동일한 이름으로 테이블을 하나 생성해서 데이터를 담아줍니다. (그래서 기존에 동일한 이름의 테이블이 있으면 지우고 하는게 좋음) [collapse]    원하는 행만 필터링 할 수 있는 WHERE 문법  출력되는 행이 너무 많다면 WHERE 문법을 뒤에..

Mysql&DBeaver 2024.08.13

DBeaver)데이터 출력하고 정렬하는 법 (SQL SELECT, ORDER BY)

지금부터 SQL 이라는 언어를 배워볼건데데이터베이스에 데이터 입출력, 수정삭제, 데이터 가공과 조작 이런 것에 특화된 언어입니다.그래서 SQL을 잘 작성하면 데이터 맘대로 1. 출력하고 2. 넣고 3. 지우고 4. 수정할 수 있습니다. 그래서 저거 4개 배우면 SQL 끝입니다. 저거 뿐만 아니라 실은 깊게 들어가면 프로그래밍 언어처럼 조건문, 반복, 변수만들기 등 많은걸 할 수 있습니다. 그건 지금 알 필요 없고 오늘은 가장 중요한 데이터 출력하는 법을 배워봅시다.      번호상품명카테고리가격1셔츠옷30002반팔티옷40003침대가구50004의자가구60005하이탑신발3000 ▲ 저번시간에 만든 테이블에 이런 데이터를 직접 입력해놓고 진행해봅시다. 일단 초보 때는 4살 아기도 이해할 수 있는 테이블로 진행..

카테고리 없음 2024.08.13

DBeaver)SQL로 테이블 만들기 & 데이터 타입

오늘은 테이블 만드는 법 & 데이터 타입을 알아볼텐데 그냥하면 재미가 없으니까 여러분들 이마트에서 일하는 개발자라고 가정하고  이마트에서 파는 상품데이터를 db에 저장해봅시다.   관계형 데이터베이스를 사용하면 데이터를 어떻게 보관하냐면    님들 그림 좋아하니까 그림으로 봅시다. database라는걸 만들고 그 안에 여러개의 table을 보관해둡니다. table 안에 원하는 데이터 엑셀처럼 작성하면 끝임비유하자면 database는 폴더, table은 파일입니다. database는 자주 만들진 않고 서비스마다 1개씩 만들면 됩니다.      간단히 database & table 만들어보기  1. 일단 MySQL 서버를 켜놓읍시다.저번시간처럼 MySQL Workbench 켜서 Local Instance 어..

Mysql&DBeaver 2024.08.13

sql>설치

DBMS가 뭐냐면 Database Management System 의 약자인데 데이터베이스 조작을 쉽게 도와주는 프로그램입니다. DBMS를 사용해야 - 데이터 입출력이 쉬워지고 - DB 접속용 아이디 비번 생성도 가능하고 - 저장할 데이터가 깨끗한지 미리 검사할 수도 있고 - 백업도 쉬워지고- GUI 툴을 제공해서 데이터를 눈으로 볼 수 있습니다.  가장 유명한 DBMS 들을 소개하자면 MySQL, PostgreSQL, Oracle, MSSQL, MongoDB 이런 것들이 있습니다.하나 골라서 쓰기 시작하면 됩니다.MS Excel도 나름 DBMS입니다. SQL 입력은 안되고 느릴 뿐임    그래서 컴퓨터 안에 데이터베이스를 하나 만들고 싶으면 DBMS 프로그램을 설치하면 됩니다.물론 AWS, Google..

Mysql&DBeaver 2024.08.13