# q

26개의 포스트
post-thumbnail

HTML - 요소(텍스트)

텍스트 관련 요소 요소는 여러 종류가 있어요! 이번 포스팅에서는 텍스트에 관련된 요소들이 각각 무슨 역할을 하는지 공부해보도록 하겠습니다. 요소 사용 시 주의할 것! 텍스트 서식에 사용되는 요소들은 대부분 텍스트 효과를 가지고 있습니다. 글자 크기가 커지기도 하고, 기울여지기도 하며, 두꺼워지기도 하죠.🤔 그렇다보니 단순히 이 스타일을 적용하기 위해 해당 요소들을 사용하는 경우가 많습니다. ⚠️ 하지만 이 요소들은 각각의 용도를 가지고 있기 때문에 용도에 맞게 사용하고, 스타일은 CSS를 통해 적용해야 합니다. h1 `hea

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

0308 TIL

django CSRF Error Template Engine을 사용할 때, 발생하는 CSRF Error가 무엇이고 어떻게 해결합니까? 인증된 사용자에 대해서 서버가 사용자를 신뢰하는 것을 이용한 공격으로 사용자가 의도하지 않은 위조된 요청을 서버에 보내게 되어 서버가 공격을 받게 됩니다. 이 에러를 해결하는 방법으로는 시큐리티 토큰을 사용하는 방법과 리퍼러를 사용하는 방법이 있는데 리퍼러를 체크하는 방법은 요청의 리퍼러와 도메인이 일치하는지를 확인하는 것으로 프로젝트의 settings.py에서 CSRFTRUSTEDORIGIN에 허용 도메인을 추가해서 안전하지 않은 요청을 보낼 필요가 있는 도메인의 요청을 에러없이 처리할 수 있다. 시큐리티 토큰을 사용하는 방법은 사용자의 요청에 난수값을 포함시켜 세션에 저장된 토큰 값과 요청 파라미터에 전달되는 토큰값이 일치하는지 확인하는 것으로 장고 템플릿에서 폼태그 POST 요청시에 {% csrf_token

2023년 3월 8일
·
0개의 댓글
·
post-thumbnail

TIL 2022.12.12 ~ 12.18

[TIL/107일차/12.12] 프론트 로직 & UI & PR보내기 전에 자알 보자 ㅎ; ft. 내배캠 프로젝트 마무리 단계에 있어서 스타일이나 자잘한 수정을 보고 있다. 디자인에 감각이 없기도하고 JS를 검색을 통해서 바로바로 적용을 하면서 하다보니 코드가 정갈하지 않은 점과 백엔드에 집중하지 못하는 점이 아쉽지만, 출시할 생각에 모든 재미있다. 오늘 실수한 것은 pr을 보낼 때 개인 정보가 담겨있는 것을 보내 지울 수는 없다는 것을 알았다. 비밀키를 서비스에서 지우면 되지만 나의 번호가 남아있어 조금은 찝찝하긴 하다. 심지어 내가 팀원분께 그거 보내지 말라고 했는데도 없이 보냈다고 착각을 하여서 머지를 해버렸당 ㅎㅎ.. 잘 확인하자! [TIL/107일차/12.13] Q객체 ft.

2022년 12월 30일
·
0개의 댓글
·

[HTML]<q> - 따옴표

`` > - ``요소는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타낸다. 대부분의 브라우저에서는 앞과 뒤에 따옴표를 붙여 표현한다. 인라인 인용문 요소이다. !codepen[jeong-dagyeong/embed/RwQBGyE?default-tab=html%2Cresult] ※ 주의 p태그 안에 blockquote를 사용할 수 없다. why? p태그 안의 자식요소가 블록요소이면 p태그가 인식을 못하기 때문이다.

2022년 10월 25일
·
0개의 댓글
·
post-thumbnail

[Django] 비 SPA 방식으로 장고 Forms/Views를 적극 활용한 인스타그램 St 만들기#10_User 모델에 Follow_Unfollow 관계 필드를 구현하고, Follow 기능 구현

1) > self를 지정함으로써 ManyToMany 관계를 User 간의 관계로 만들 수 있다. 최초 follow가 없을 수도 있으니 blank는 허용해준다 2) >자신을 제외한 유저 인스턴스를 User가 아닌 getusermodel()로 취하고 이를 리스트로 넘겨줘서 sidebar에서 순회하는데 사용한다. 3) Input Output Input Output > URL Reverse에서는 path/re_path에 지정된 URL 문자열을 생성해준다. {% url "client1" 1234 %} 와 {% url "client2" 1234 %} 는 URL 문자열이 어떻게 조합되는 지 신경쓰지 않아도, path name과 인자만 넘겨주면 된다. URL reverse 코드는 같아도 참조하는 코드에 따라서 값이 달라질 수 있는 것이다. 4) > instagram 앱에서는 getobjector404 사용 시에 getuser_model() 함수가 들어갔는데 여긴 Use

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

[Django] 비 SPA 방식으로 장고 Forms/Views를 적극 활용한 인스타그램 St 만들기#10_User 모델에 Follow_Unfollow 관계 필드를 구현하고, Follow 기능 구현

1) > self를 지정함으로써 ManyToMany 관계를 User 간의 관계로 만들 수 있다. 최초 follow가 없을 수도 있으니 blank는 허용해준다 2) >자신을 제외한 유저 인스턴스를 User가 아닌 getusermodel()로 취하고 이를 리스트로 넘겨줘서 sidebar에서 순회하는데 사용한다. 3) Input Output Input Output > URL Reverse에서는 path/re_path에 지정된 URL 문자열을 생성해준다. {% url "client1" 1234 %} 와 {% url "client2" 1234 %} 는 URL 문자열이 어떻게 조합되는 지 신경쓰지 않아도, path name과 인자만 넘겨주면 된다. URL reverse 코드는 같아도 참조하는 코드에 따라서 값이 달라질 수 있는 것이다. 4) > instagram 앱에서는 getobjector404 사용 시에 getuser_model() 함수가 들어갔는데 여긴 Use

2022년 7월 15일
·
0개의 댓글
·

[Python] Query Parameter

✅ Query Parameter RESTful API에 대한 포스팅을 하면서 path parameter와 query parameter에 대해 언급한 적이 있습니다. 보러가기 실제 url을 통해 HTTP 통신을 할 때 필요한 요소인데요. query parameter는 단순히 특정 리소스에 대한 정보를 요청할 때 응답하는 방식이 아닙니다. 즉 사용자가 원하는 조건에 따른 리소스를 정렬, 검색할 때 사용한다고 배웠는데요. Django 프로젝트에서 어떻게 활용되는지 알아보겠습니다. ✅ query parameter를 받아오자 클라이언트는 HTTP 요청을 할 때 특정 정보를 검색하거나 정렬하기 위해 url에 객체형태의 값을 넣어 보냅니다. 다음과 같이 말이죠. 위의 요청을 분석하면 다음과 같습니다. 그렇다면 요청을 하

2022년 7월 5일
·
0개의 댓글
·

TIL) Q객체

Q() Q객체는 쿼리문 자체를 객체로 다룰 수 있게 하는 클래스이다. 쿼리 조건문에 연산자를 사용한 조건을 걸어 데이터에 대한 필터링을 해주는 것이라고 보면 된다. '|'는 '또는','or'의 합집합의 의미를 가지는 기호이며, '&'조건은 'and'로, 조건의 교집합을 찾는 기호이다. Q객체를 사용하려면, 기본적으로 shell에서 먼저 테스트를 해보고 사용하는 것이 연습하기에 수월하다. 먼저, Shell을 켜서 사용하고자 하는 모델과 Q를 import한다. 그 다음, 변수를 하나 지정해서 특정 class에 있는 데이터를 가져온다. > all()로도 모든 데이터를 가져올 수 있지만, filter()로 아무 조건 없이 빈 괄호를 넣으면 역시 모든 데이터를 가져올 수가 있다. services라는 변수에 특정 날짜를 필터링하여 지정해주었다. 이제 Q를 사용해보자. 우선 Shell에 'q'라고 치면 이렇게 나온다. q에 대해서 어떠한 필터도 적용되어있지 않은 상태라면

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

Q 객체

Django 에서 QuerySet 조회 조건이 복잡할 때, Q객체를 사용하면 간결하게 코드를 작성 가능!!!! Q 객체 사용 import Q 객체를 Django 내장모듈로 사용하려면 Import 해야함 from django.db.models import Q AND 연산, OR 연산 Not 연산 조건 연결

2022년 5월 29일
·
0개의 댓글
·
post-thumbnail

1-4 Quiz

로그인페이지 로그인 페이지 ID: PW: 로그인하기 요거 혼자서 5분동안 만들어 보세요 하고 풀이했는데 내가 혼자서 만든게 정답이야ㅠㅠㅠ 대박 이런맛에 하는거구나,... p를 써야지 한문단으로 구분되어서 Enter 효과를 낸다 p를 안쓰면 한줄로 이어 나오게 된다!!

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

Django Docs | Q object

Q object Q 객체는 데이터베이스 관련 작업에서 사용할 수 있는 SQL 조건을 나타낸다. 만약 쿼리셋 조회 조건이 복잡하면 Q 객체를 사용하면 된다. Q 객체는 모델 필드 또는 annotation의 value를 나타낸다는 점에서 F 객체와 유사한 면이 있다. 둘 다 조건을 정의하고 재사용할 수 있도록 만들어 주며 |, & operator를 이용해 각 객체를 합칠 수도 있다. Q 객체는 키워드 인자의 집합을 캡슐화 하기 위해 사용된다. 이러한 키워드 인자는 필드 조회를 할 때 처럼 지정할 수 있다(필드 조회: fieldlookuptype=value, 예시: Entry.objects.filter(pub_datelte='date')). 아래와 같이 사용하면 LIKE 쿼리가 된다. OR, AND 연산자 NOT 연산자 Q 앞에 ~을 붙이면 된다. 그러면 부정의 의미를 갖게 된다.

2022년 4월 7일
·
0개의 댓글
·
post-thumbnail

[Django] Q 객체

1. Q 객체 일반적으로 filter() 메소드를 사용하면 and 조건만 사용 가능하다. 장고 ORM에서 MySQL 쿼리문 처럼 or 조건을 쓰고 싶다면 Q객체를 사용하면 된다. > 2. Q() Q()는 Products.objects.all()과 같은 의미이다. 연속되는 if문을 통해 q라는 변수에 조건식을 계속 추가 적용시키는 개념으로 이해하면 된다. 그리고 마지막에 q조건을 넣은 product 객체를 생성하는 것이다. Q()속 조건식의 내용은 JOIN임을 기억하자. 3. 다중 필터 > 쿼리 파라미터를 받아올때 getlist로 받아오고 Q()속 JOIN문에 __in 을 붙여 key에 대한 value가 모두 리스트로 들어옴을 명시한다.(INNER JOIN) http://127.0.0.1:8000/products?main=boy&sub=boy-top&sub=boy-bottom 으로 요청 보내면 ![](https://media.vlp

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

🧙🏼 HTML 텍스트 요소 (1)

HTML의 요소들은 텍스트 요소, 구조를 나타내는 요소, 목록과 표, 임베디드 요소, 폼관련 요소, 메타데이터 요소, 전역 속성으로 나누어 살펴보고자한다. 그중 기본으로 알아야할 HTML에 대해 간단히 알아보고자 한다. (공부한 내용을 바탕으로 잊지 않기 위해 공부 후 요약처럼 작성하고자함!) >[ 참 고 사 항 ] 평소에 mdn이라는 사이트를 참고하여 개념을 익히고자 노력하고 있다. 이사이트의 검색창에 알고자 하는 요소에 대해 검색하면 그 요소에 대한 정보를 자세하고 쉽게 알 수 있는 사이트이다. HTML 텍스트 요소 1. 제목 H1~H2 : HTML 구획 제목 요소를 나타내는 것으로 h1, h2, h3, h4, h

2022년 3월 31일
·
0개의 댓글
·

TIL#148 Q()

혼자 공부 겸 미니 프로젝트를 진행 중에 조건에 따라 filtering을 하게 되었는데 겹치는 조건들이 너무 많았다. 마침 지인분의 블로그를 보게 되었고, Q를 이용한 다른 방법도 있다는 것을 알게 되어 지저분하고 맘에 안들던 코드를 조금 더 깔끔하게 고칠 수 있게 되었다😀 도움이 된 지인분 블로그 코드를 보면 Q()안의 인자들이 중복이 되는 경우가 많아서 보기에 너무 지저분하다고 생각하던 참이었다. ` 조건이 한가지 더 필요했어서 코드가 더 지저분해지는 걸 생각하던 찰나에 좋은 방법을 알게 되었다. ``

2021년 7월 13일
·
0개의 댓글
·
post-thumbnail

asdfasdfasdf

asdfasdfasdf asdfasdfasdf dfdfdfdfdfdfdf

2021년 5월 5일
·
0개의 댓글
·
post-thumbnail

Django Q 객체

Q 객체 장고 orm에서 쿼리문처럼 or 조건을 쓰고 싶을때 사용할 수 있다. &를 사용하면 where 조건 and 조건이고, |를 사용하면 where 조건 or 조건이다. where 조건 and 조건 => 조건 둘다를 만족하는 결과값만 보여준다. 즉 교집합 where 조건 or 조건 => 조건들중 하나라도 조건에 맞으면 그 결과 값을 전부 다 보여준다. 즉 합집합 Q() 위는 전체적인 내 코드이고, 아래는 Q를 사용한 부분이다. &= , |= 사용하는 경우 Q() 은 Product.objects.all() 과 똑같다. Product 전체를 변수에 담아두고, q변수 안에 조건들을 넣어주는 느낌! 즉, q &= Q(subcategorycategory_name=category)는 q라는 변수안에 조건들을 하나하나 넣어주고 마지막 filter에 그 변수를 넣어서 쿼리를 한번만 날려도 되도록 해준다. > **변수 q에 맞지 않은 조건이

2021년 4월 21일
·
0개의 댓글
·
post-thumbnail

[Django] 다중 필터 적용

다중 필터❓ 다중 필터에 대한 고민은 커머스 사이트(Discovery Expedition) 클론 코딩 프로젝트 진행중 커스텀 필터를 구현하다가 하게되었다. 이 필터의 핵심은 (사이즈 중복 선택) & (색상 중복 선택) & (가격 범위) 인데, 내가 봤을때는 필터의 모든것을 담고 있지 않나 생각이 든다. 직관적으로 생각해보면 > Product.objects.filter(필터 내용) '필터내용'에 한방에 필터를 처리하는 코드를 넣고 었고,

2021년 4월 20일
·
1개의 댓글
·
post-thumbnail

TIL DAY 17-2 || Django Q

Q는 django 내부 orm 으로 where 절에 or 문 혹은 and 문을 추가하고 싶을 때 사용한다. 다음은 로그인 검사 시 User 테이블에서 email, phonenumber, username 중 하나와 비밀번호를 입력받았을 때 해당되는 정보가 없으면 INVAILDUSER 를 리턴하는 코드의 일부를 가져와봤다. User.objects.filter((Q(email=email) | Q(username=username) | Q(phonenumber=phonenumber)) 이 표현식은 다음과 완벽하게 동일하다. User.objects.filter(email=email) | User.objects.filter(username=username) | User.objects.filter(phonenumber=phonenumber) 이걸 Q 객체를 사용해서 위 코드와 같이 간편하게 표현할 수 있는 것이다. `Q(password=p

2021년 3월 8일
·
0개의 댓글
·

til Q() 객체와 annotate

여러가지 조건의 필터 적용하기 Q() 객체를 사용해서 여러가지 조건의 필터를 적용할 수 있다. 방법은 아래와 같다. 맨 아래줄 queryset = Property.objects.filter(q)는 아래의 형태를 띄게 될것이다. 추가로 필터 조건에 아무것도 걸리지 않을 경우 전체 Property의 목록이 나오게 된다. ` >리뷰가 많은 숙소 순으로

2020년 12월 9일
·
0개의 댓글
·