코딩 71

{%%}, {{ }}, {# #}, # ## ??? | Jinja2 | Flask에서 사용하는 텍스트 기반형식의 템플릿

Jinja 단순한 텍스트 파일로 모든 텍스트 기반 형식을 생성할 수 있음 파일 확장자에 관계없이 모든 파일을 템플릿으로 로드할 수 있음 템플릿을 식별하기 좋은 방법은 templates ! 확장명에 관계없이 폴더에 있는 것. 대신 꼭 이름은 templates 로 ! - 템플릿 로드하는 법 from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_templates("index.html") - 기본 구분 기호 {% ... %} for 문 {{ ... }} 템플릿 출력으로 인쇄할 표현식의 경우 {# ... #} 템플릿 출력에 포함되지 않은 주석의 경우 # ... ## 라인문 - 기..

STUDY/Python 2022.05.08

Team Project 2 | 회원가입 페이지 | 회원가입 정보 입력시 데이터는 어떻게 저장되나?! 그걸 내가 해냄 | 인스타그램 클론코딩 | 🌱

회원가입 중 ! 정보 입력 후 가입해봅시당. 가입이 되었으면 데이터가 잘 저장되었는지 확인해봅시당. 현재 페이지의 회원가입에 필요한 정보는 이메일 또는 핸드폰 번호 | 이름 | 아이디 | 비밀번호 가 필요하다 이름, 아이디, 비밀번호는 조건문 사용없이 데이터에 저장이 가능하지만, 이메일 또는 핸드폰 번호는 택 1이라는 조건이 있어서 while을 사용하였음 우선 while문을 사용하기 이전에 이메일 과 핸드폰번호의 전역 변수를 만들어주었고 if문 사용을 위해 변수는 공란처리를 해주었다. 간단하게 사용한 함수를 설명하자면, contact_receive : 브라우저에서 이메일 또는 핸드폰 번호를 입력해 사용자가 요청한 데이터 변수. while True: 내용이 true일 경우 1. contact_receive..

PROJECTS 2022.05.05

프론트엔드 소질? 정렬이 어렵다. | 회원가입 화면 UI | 프로젝트⭐️진행상황 |

회원가입 화면 현재 5월 5일 13시 20분 Git update. 팀원 중 하나가 이전 팀프로젝트의 별에 대한 컨셉을 이어가면 좋겠다는 의견을 내서 mov를 배경에 깔려다가 실패. 아쉬운대로 오로라 느낌이 나게 그라디언트 효과를 줌. 요즘에는 색조합표가 있어서 찾으면 금방 나와서 만들기가 쉬움 이제 점심 먹고 DB, API 를 공부를 해야한당.. Js, jQuery는 그 다음 ! - 색상을 고를때 참고하면 좋을 링크- #ffffff - Google 검색 HEX, sRGB : #FFFFFF, AdobeRGB : #FFFEFF. RGB (sRGB), Red : 255, Green : 255, Blue : 255. RGB (AdobeRGB), Red : 255, Green : 254, Blue : 255. w..

PROJECTS 2022.05.05

DB설계를 위한 ERD 특강 | ERD Cloud? ☁️ | 거북이반🐢 | 이 곳은 이해가 쏙쏙

말보다 행동, 해보면 이해가 쉽다 ! (이 블로그는 작성자의 의견일 뿐, 정답이 아닐 수 도 있습니당...) 프로젝트 기획에 있어서 중요한 3가지 ! ERD + Figma + 기능명세서 Figma는 전의 포스팅을 했듯이 브라우저에 어떻게 띄울 것인가 ERD는 DB 구성을 어떻게 했고, 어떤 시스템으로 진행되는가 기능명세서는 각각의 (아이디, 패스워드, 프로필사진, 좋아요 수 등) DB가 어떤 기능을 하는가 실무에서는 위의 3 가지가 기본적으로 있어야 한다고 한다. Figma에 대해서는 앞의 포스팅에 기재를 했었고, 어제(4일)는 ERD 진행 구조에 대한 간단한 내용과 ERD Cloud 사용법을 배웠다. 진행 구조는 사실상 무슨 말인지 알 것 같으면서도 모르겠던데, 막상 ERD Cloud 를 그려보니 알겠..

STUDY/Python 2022.05.05

Team Project 2 | 인스타그램 클론코딩 | 회원가입 UI

백엔드 기술을 들어가기 전에 먼저 메인화면 UI 수정과 함께 [ 회원가입 + 로그인 + 마이페이지 + 모달 + 드롭다운 + (개인정보설정?) ] 화면을 팀원들과 나눠 만들게 됐다. 그 중에 나는 회원가입 화면을 맡았고, 프로젝트가 아예 똑같을 필요는 없다하여 색상을 좀 바꿔봄 MOCK UP대로 만들며 발견한 오타와 실수들을 반영해 만들어 봄 지금 보면 수직정렬이 안되어 있는데, align-contents, justify-contents, position(static, fixed, sticky, center, relative) flex-direction, grid, cloumn? 진짜 많은 코드를 도전해봤는데 막상 포스팅하려니까 기억이 다 안남......... 이제 곧 일출시간이겠다 자고 일어나서 다시 도..

PROJECTS 2022.05.05

Team Project 2 | MOCK UP 만들 땐 피그마, 오늘은 DB 구성 구축까지 ! | 인스타그램 클론코딩 Flask | 팀프로젝트

Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com https://www.figma.com/ 어쩌다보니 내가 만들게된 목업. 피그마를 이용하니 만들기가 진짜 쉬웠고, 링크를 공유해 팀원들과 함께 작성할 수 있어서 더 좋았음 ! 다소 중복적인 기능들을 사용해서 기존의 메인 로그인-회원가입-로그인 화면을 줄였고, 기능들이 포함된 새로운 모달창들도 같은 이유로 목업에는 넣지 않았다. 현재 메인 피드 화면은 만들어진 UI를 사용하기 때문에, db구축으로 값에 대한 전반적인 코..

PROJECTS 2022.05.03

Team Project 2 | 인스타그램 클론코딩 프로젝트 발제 | 5월3일 - 5월11일

기술 선택은 웹 프로그래밍 A-Z 기초에서 배운 내용(HTML, JavaScript, Ajax, Python, Flask, MongoDB...) 내에서 ! DB 연동하는 기능은 기본 CRUD를 모두 포함해야함. ⏰ 프로젝트 타임라인(05/03 ~ 05/11) 05/03 (화) 저녁 6시까지 : S.A(Starting Assignment) 제출 05/03 (화) ~ 05/04 (수) : S.A 제출 순대로 팀 별 피드백 05/11 (수) 오후 1시까지 : 프로젝트 마무리 및 GIT & 시연 영상 녹화본 제출 05/11 (수) 오후 1~4시 : 1차 피드백 발표회 05/11 (수) 오후 4~7시 : 팀 별 회고 (방법 및 회고록 제출 별도 공지) 필수 포함 사항 HTML, JavaScript, Ajax, P..

PROJECTS 2022.05.03

느낌적인 느낌이 강한 Class | 거북이반 🐢 | 파이썬 강의 | 스파르타코딩클럽

... 거북이반 수강 중 오늘이 제일 이해가 잘 되지만 아니었던 수업이었음. 다음 시간에도 Class를 이어서 알려주신다 했다. 완벽한 이해가 아니라고 생각하기에.. 다음에 내용을 정리해보겠다. 우선 이해한 내용으로는 객체 = 클래스 상태 = 속성 행동 = 메소드 Class에는 속성과 메소드(실행) 역할이 있다. 속성은 def 로 정함 처음에는 __init__ 을 사용해줘야함 메소드은 실행을 해야하니 ( ) 을 쓰고 return을 해서 결과를 내보냄 클래스를 실행시 무조건 대문자 활용을 해줘야함 print(1) # print([1,2,3,4]) # print((1,2)) # print(({1:"hi", 2:"bye"})) # - 클래스 구분- class Sample: pass x = Sample() pr..

STUDY/Python 2022.05.02
반응형