1. 설치 가이드https://learn.microsoft.com/ko-kr/windows/wsl/setup/environment#set-up-your-linux-username-and-password WSL 개발 환경 설정이 단계별 가이드의 모범 사례를 사용하여 WSL 개발 환경을 설정합니다. Ubuntu, Visual Studio Code 또는 Visual Studio, Git, Windows 자격 증명 관리자, MongoDB, MySQL, Docker 원격 컨테이너 등을 실행하는 방법을learn.microsoft.com 1-1. 윈도우 Powershell을 관리자권한으로 실행 1-2. wsl --install 명령어를 실행 - 이미 설치되어 있어서 다음과 같이 Error가 표시된다.아마 처음 설치하..

보호되어 있는 글입니다.

캘린더 웹사이트를 만들기 위해 Javascript로 캘린더를 직접 구현하게 만들었다.  [HTML]calendar-container에는 그게 유저 정보를 나타내는 user-info와 달력을 표시하는 calendar가 있다.user-info는 current_user에서 받아와 사용자 프로필을 표시하도록 만들어 주었다. calendar는 calendar-header에 월, 년도를 표시하고 달력을 넘길 수 있는 버튼과, 일정을 추가하는 버튼을 달아주었다.그리고 실제 달력을 출력하는 calendar-grid는 Javascript에서 구현을 담당한다. {{ user.username }} {{ us..

0. 드롭다운드롭다운에서 프로필 수정, 계정 정보 수정, 로그아웃을 선택할 수 있다.[HTML] Profile Account Logout   1. 프로필 정보 수정[HTML] 계정 정보 Name Description Birthday ..

기본적인 템플릿은 이전에 만들었던 register-form을 참고하였다.  이메일 비밀번호 로그인  1. flask-login 라이브러리를 가상머신 활성화 후 설치source venv/Scripts/activate # 가상머신 활성화pip install flask-login # flask-login 설치pip list --format..

기존 폴더 구조는 다음과 같다.calendar_app/ # 프로젝트 루트 디렉토리├── app/ # 애플리케이션 패키지│ ├── __init__.py # 앱 초기화 (Flask 앱 생성, 설정 로드, DB 초기화)│ ├── models/ # 데이터베이스 모델 폴더│ │ └── __init__.py # 모델 패키지 초기화│ ├── routes/ # URL 라우트 처리 폴더│ │ └── main.py.│ ├── static/ # 정적 파일 폴더│ │ ├── css/ # CSS 파일들 (스타일링)│ ..