본문 바로가기

DEV/Web 개발97

Web 개발 :: 파이썬 django 인스타그램 클론 코딩, aullauth _TIL#23 ■ JITHub 개발일지 23일차 □ TIL(Today I Learned) :: Django 인스타그램 클론 코딩 프로젝트, Allauth, 유저 정보 변경 기능 1. Django 인스타그램 클론코딩 - django를 활용한 클론코딩을 현재 진행중이다. - 유저 로그인 및 관리기능은 Django-Allauth를 활용하여 코드를 많이 단축할 수 있었다. - 기본 네비게이션 바 부분은 base_with_header.html에서 상속받기 위해 extends하였다. - side nav bar는 hover 효과를 주었다. - 비밀번호 변경시 현재 비밀번호, 바꿀 비밀번호, 바꿀 비밀번호 확인 각각 form을 활용하였다. form태그는 django에서 제공하고 있으며, 내부는 label, input으로 구성되어 있.. 2022. 10. 4.
Web 개발 :: 파이썬 django User, CRUD, Allauth _TIL#21 ■ JITHub 개발일지 21일차 □ TIL(Today I Learned) :: Django User Model, CRUD, Allauth 1. User Model 확장하기 ※ 문제 프로젝트에 사용될 폴더를 생성하고, 편집기에서 생성한 폴더를 열어주세요. 파이썬 가상 환경을 생성하고 활성화해주세요. Django 패키지를 설치해주세요. spartatest라는 django 프로젝트를 생성해주세요 customuser라는 앱을 생성해주세요 settings.py에 앱을 등록해주세요. Django의 User를 기반으로 만든 CustomModel라는 클래스를 만들어주세요. 조건: 테이블 이름은 custom_user Django의 User 모델에서 아래의 필드를 추가해주세요. address (TextField, max.. 2022. 9. 28.
Web 개발 :: 파이썬 django 모델 _TIL#20 ■ JITHub 개발일지 20일차 □ TIL(Today I Learned) :: 파이썬 Django Models 정의 1. Django 프로젝트를 생성하고 실행시켜 접속해보기 - 오늘의 목표 : 파이참의 프로젝트 자동 생성 및 프로젝트 실행 기능 없이 명령어로만 문제 풀어보기 - 사용할 명령어 python -m venv venv` : 가상 환경 생성하기 venv\scripts\activate` : (windows)가상 환경 접속하기 source ./venv/bin/activate` : (mac) 가상 환경 접속하기 pip install django` : django 패키지 설치하기 django-admin startproject $프로젝트이름 .` : 현재 경로에 원하는 이름으로 프로젝트 생성하기 pyth.. 2022. 9. 27.
Web 개발 :: 파이썬 django, MTV, 뷰, 템플릿 등 _TIL#19 ■ JITHub 개발일지 19일차 □ TIL(Today I Learned) :: 파이썬 Django 1. 파이썬 Django 1) 프로젝트의 구조 프로젝트 루트와 프로젝트 앱으로 구분할 수 있다. 프로젝트의 모든 파일이 들어있는 것을 '프로젝트 루트', 주요 기능을 하는 앱을 '프로젝트 앱'으로 만들어 폴더를 구분한다. - manage.py : django프로젝트를 관리하기 위한 명령어를 지원한다. startapp, runserver 등 - db.sqlite3 : 프로젝트에서 사용되는 데이터베이스 파일 - settings.py : 프로젝트의 전반적인 설정을 담당 새로운 앱을 만들었다면 장고에게 새로운 앱을 만들었다는 사실을 알려줘야 한다. - urls.py : url을 확인하여 페이지를 연결해주는 역할 .. 2022. 9. 27.
파이썬 웹 프로그래밍 :: 9월 넷째주 WIL #04 ■ 개발일지 WIL #04 1. FACTS - 자료구조와 알고리즘 : 여러 알고리즘 이론과 백준 문제들을 풀이하면서 파이썬을 활용한 알고리즘 이론 익히기 - 깃/깃허브 : CLI를 활용한 깃 저장소 관리, 신규 프로젝트 생성/커밋/푸쉬 지속 연습 - Django 기초이론 학습 : django의 구조 및 동작원리 학습 2. FEELINGS - django에 들어서면서 내용이 확 버거워진 느낌이다. 아마도 기존의 이론들에 대해 완벽하지 못하다고 생각하는 부분을 그대로 짊어지고 장고 학습을 하고있으니 당연한 이야기이다. 기존의 내용들이 해결되지 않는다면 아마 앞으로도 지속적으로 힘겨워질 것 같다. 3. FINDINGS - 자료구조 알고리즘 : 시간 복잡도/공간 복잡도, 점근 표기법, 어레이, 링크드 리스트, .. 2022. 9. 26.
Web 개발 :: 파이썬 django, 가상환경 셋팅 등 _TIL#18 ■ JITHub 개발일지 18일차 □ TIL(Today I Learned) :: 파이썬 Django 1. 파이썬 알고리즘 윈도우에서는 python -m venv venv 윈도우에서는 source venv/Scripts/activate 파일 나오면 ctrl + c하고 gitignore에 ctrl + v, 그리고 추가로 venv도 아래와 같이 추가 입력하기 원격 깃허브 레포랑 연결 장고 프로젝트 생성 (폴더를 만들어놨을 경우 뒤에 '.'을 붙인다.) 설치된 패키지 저장 후 깃헙에 저장 requirements.txt를 받은 사람이 설치할 경우에는 django는 sqlite3를 기본적으로 설치해주기 때문에 연동해서 사용이 가능하다. wsgi는 배포를 할 때 사용(외부와 연결) asgi비동기식 연결을 할 때 사용.. 2022. 9. 26.
Web 개발 :: 파이썬 django _TIL#17 ■ JITHub 개발일지 17일차 □ TIL(Today I Learned) :: 파이썬 django 공부법 1. 파이썬 django 1) 웹 프레임워크 - 웹 서비스를 쉽게 만들어주는 기계! - 인증 : 로그인 2) 웹 서비스가 마땅히 갖춰야 할 것들? - 인증 : 로그인/로그아웃 - 데이터 저장 : 데이터베이스 관리 - 요청에 대한 응답 : HTML, JSON - 보안기능 3) 프레임워크의 역할 - 인증 - 데이터베이스 관리 - 요청에 대한 응답 - 보안 - 코드의 재사용성 4) 공부 방향 - '사용법을 익히는 것' 이 첫 번째, 내부 구조를 들여다보는 것이 두 번째 5) Django - Python 기반으로 만들어진 웹 프레임워크 - Django를 배우면 파이썬 기반의 Node.js, spring 등.. 2022. 9. 22.
Web 개발 :: 파이썬 django 가상환경 설정_TIL#16 ■ JITHub 개발일지 16일차 □ TIL(Today I Learned) :: 파이썬 django _ 파이참, vscode 가상환경 설정 1. 파이썬 django 가상환경 설정 - 파이썬 django를 사용하기 위해 가상환경 설정을 해보았다. 오늘은 늦게까지 잡고있던 것이 있어 내용정리를 하지 못하였다. - 파이참은 django 라이브러리 설치 뿐 아니라 가상환경 설정이 굉장히 쉬웠다. - django는 간단하게 내용을 훑었고, 차차 내용정리를 해볼 예정이다. □ TIF(Today I Felt) :: - 오전에 계속 가상환경 설정을 잡고 있느라 진행하지 못한 것들이 많다. - 이런저런 생각이 많은 하루였다. 2022. 9. 21.
파이썬 웹 프로그래밍 :: 9월 첫째주 WIL #01 The four Fs (참고링크) 더보기 **FACTS(사실, 객관)** : 이번 일주일 동안 있었던 일, 내가 한 일 **FEELINGS(느낌, 주관)** : 나의 감정적인 반응, 느낌 **FINDINGS(배운 것)** : 그 상황으로부터 내가 배운 것, 얻은 것 **FUTURE(미래)** : 배운 것을 미래에는 어떻게 적용할 지 1. FACTS - 팀 개발 미니 프로젝트 진행 : HTML과 CSS, Javascript를 활용한 팀 소개 페이지 구성 팀 이름 : 카이와 구피들과 집사들(Team KGZ) - Python 기초 이론 수강 - Python을 활용한 백준 알고리즘 문제 풀이 2. FEELINGS - 우리 힘으로 웹페이지를 제작해보면서 '나도 할 수 있다' 라는 자신감이 생겼다. 물론 완성도에서.. 2022. 9. 5.
파이썬 웹 프로그래밍 :: html/CSS 스타일, 소개 페이지 제작(3)_TIL#03 ■ JITHub 개발일지(TIL : Today I Learned) 3일차 □ TIL :: HTML/CSS/Javascript/Jquery/Ajax/Flask/MongoDB/... 1. 회원정보 수정/삭제 기능 구현 (1) 회원정보를 로그인하여 관리하지 않고, 비로그인 방식으로 회원정보를 관리하고자 함 아래와 같이 멤버 등록되어 관리되는 회원 카드는 2열로 나열된다. 각 멤버 사진 아래에는 '정보 수정', '정보 삭제' 버튼을 구성했고 각각 누르면, 아래와 같이 모달 창이 뜨며 패스워드를 요구하고, 유효성 확인 후 DB에서 삭제하는 것이 기능의 목적이다. 모달은 부트스트랩의 소스를 활용했다. 정보 수정 멤버 정보를 수정하시겠습니까? Password 닫기 정보 수정 정보 삭제 그러나 현시점에서는 아직 정보를.. 2022. 8. 31.
반응형