전체 글 93

DBeaver 설치 ( Windows11 | 윈도우 11 )

오늘은 DB 관리 툴 중 하나인 DBeaver를 설치해보겠다. 1. DBeaver 사이트 https://dbeaver.io/ DBeaver Community | Free Universal Database Tool DBeaver Universal Database Tool DBeaver Community is a free cross-platform database tool for developers, database administrators, analysts, and everyone working with data. It supports all popular SQL databases like MySQL, MariaDB, PostgreSQL, SQLite, Apach dbeaver.io 접속 후 Downlo..

Database 2023.11.07

MySql 새로운 계정 생성

먼저 MySql에 새로운 계정을 생성해줄 것이다. cmd창을 키고 mysql -uroot -p 를 입력해준다. 그 다음 root 계정의 password도 입력해준다. 1. Mysql 접속 로그인 (root 계정) mysql -u root -p 데이터 베이스 접속 mysql> use mysql root 계정의 데이터베이스 중에서 mysql 이라는 데이터베이스를 사용 mysql> show tables; 전체 테이블 목록을 살펴본 후 user 테이블에 user 정보를 먼저 확인해 볼 것이다. mysql> select user from user; 이제 user 정보들을 확인했으니까. 새로운 user 계정을 등록해보겠다. 2. 계정 등록 create user '계정명'@'%' identified by '비밀번호'..

project/mooming 2023.11.07

Mooming | ERD 설계 & 담당 기능 배분

지난 주말에는 ERD 설계를 했다.(10/28~10/29) 나중에 ver1 개발 끝나고 진행 할 ver2 개발까지 생각해서 ERD를 설계했다. 우선 이렇게 만들었다. + 추가로 이제 기능 개발에 들어가야해서 각자 할 범위를 나눴다. (서로 배려하다가 결국 사다리 타기로 정함..) 여기서 내가 맡은 기능은 오른쪽 사진... 그냥 간단한 crud 만 있어서 어렵진 않아보이는데,,, 찜 버튼을 AJAX로 구현해야 하는 게 있어서,,,, 앞단 부분을 좀 연구해봐야 할 것 같다..ㅠㅠ + 댓글이랑, 시큐리티는 중요하니까 좀 더 공부!! + 앞으로 해야할 일 (~11/1 까지) DB 세팅 (MYSQL, DBeaver) API 명세서 작성하기. 팟팅하자

project/mooming 2023.10.30

Mooming | Front 작업

지난주에 프론트 작업은 얼추 마무리가 되었다. 내가 담당한 페이지는 메인페이지, 상세페이지, Footer부분.. 근데, 메인페이지에 찜하기 버튼이 활성화가 안되어서 며칠째 붙잡고 있는 중이다... 그리고 메인페이지의 카드 리스트를 carousel 로 보여주고 싶은데, bootstrap으로 간단하게 구현할지, javascript로 구현할지 고민중이라 그 부분만 해결하면 진짜 끝이다.! + 상세 페이지는 레이아웃 배치때문에 골머리 앓는 중 ㅠㅠ 마진값이 잘 적용되지 않아서 좀 연구해봐야할 듯 하다.

project/mooming 2023.10.30

Windows 11에서 VirtualBox (가상머신) 설치 및 리눅스 설치

VirtualBox 설치해서 노트북 내부에 가상 컴퓨터를 만들고 리눅스를 설치해보겠다. 가상머신 설치 우클릭 후 관리자 권한으로 실행하기 next 클릭 install 후 환경설정에 들어가기 네트워크에 들어가면 비어있는데, 우측 + 눌러서 새로만들기하면 NatNetwork가 생성된다. 위에 새로만들기를 누르면 가상 머신을 만들 수 있다. 나는 경로는 그냥 디폴트로 뜨는 경로로 설정했다. ( 기본 c 드라이브에 30GB 이상 저장 공간이 있음 ) 만약에 여유로은 드라이브로 옮기고 싶으면 각자 원하는 곳에 설정하면 된다. 종류 : Linux 버전 : Other Linux(64-bit)로 설정했다. 각자의 메모리 사정에 맞게 설정하면 된다. 나는 32GB 중 가상 머신에 4GB 를 할당해줬다. (1024mb*4..

Linux 2023.10.30

Do It! 인터랙티브 웹 페이지 만들기 | Chapter06 정리

Chapter 06은 드디어 자바스크립트를 다룬다. 솔직히 css 너무 어려웠다 ㅠㅠ 물론 js도 너무 어렵다 ㅜㅜㅜㅜ Javascript 란? 간단하게 설명하자면 웹페이지에 생동감을 넣어주기 위해 만들어진 언어이다. 다양한 이벤트 (ex. 마우스 클릭) 로 어떠한 동작을 하도록 할 수 있다. html 파일에서 자바스크립트를 사용하는 방법은 크게 두 가지이다. 1. HTML 파일 내부에 자바스크립트 연결하기 이렇게 위의 비슷하게 img 태그에 onmouseover, onmouseout 속성을 적용하여 hover를 구현할 수 있다. 같은 요소에 이벤트 한꺼번에 연결하기 html item1 item2 item3 item4 js const list = document.querySelectorAll(".list..

스터디/front 2023.10.26

에러 | jinja2.exceptions.TemplateNotFound: 해결 방법

html 파일을 찾지 못하고 이런 에러가 발생할 때 원인은 [ flaskEx03.py ] from flask import Flask, render_template # [주의] 실행파일과 같은 층위에 template 폴더를 만들고 그 폴더에 html 파일을 배치해둔다! app = Flask(__name__) @app.route("/") def index(): return render_template('demo.html') if __name__ == '__main__': app.run() 폴더명이 잘 못 되었을 가능성이 있다. render_template()는 루트 경로에서 templates 라는 폴더안에서 view 파일을 찾는데, 폴더명을 templates 라고 지정하지 않았을 때 오류가 나기도 한다. 이..

Python 2023.10.26

Javascript | 회원가입 유효성 검사

유효성 검사는 보통 JS로 쓴다. [ html ] 아이디 패스워드 패스워드 확인 email [ javascript ] (form 에서 묶여있는 name이 지니고 있는 속성들을 가쟈온다..) 여기서 this는 내가 입력받은 값을 지칭하는 것. (Form 에서,,,) this 키워드 객체 자신을 가리키는 자바스크립트 키워드이다. DOM 객체에서 객체 자신을 가리키는 용도로 사용 DOM 객체 배열들을 변수로 선언해서 검사했다.

FE/javascript 2023.10.25