코딩이야기

스크롤이 생성될 경우, 오른쪽 구석에 화살표 모양의 아이콘이 등장, 클릭시 최상단으로 올려주는 Scroll to top button이다. 크게 css / javascript를 콜 하는 버튼 / javascript 이렇게 3구조로 나눠져 있으므로 필요에 맞게 쓰레기 코드를 걷어내고, 필요한 부분만 취해서 사용하면 된다.    Scroll to Top Example 스크롤을 내려보세요. 이 문장은 테스트용으로 길게 작성된 문장입니다. 계속 스크롤하여 'Top' 버튼이 나타나는지 확인하세요.

ColumnData TypeConstraintsidSERIALPRIMARY KEYfollower_idINTEGERNOT NULL, FOREIGN KEY (User.id)following_idINTEGERNOT NULL, FOREIGN KEY (User.id)statusVARCHAR(20)DEFAULT 'active'created_atTIMESTAMPDEFAULT CURRENT_TIMESTAMP  내가 A를  팔로잉 하게 되면 나는 A의 입장에서는 팔로워가 되고, 내 입장에서는 A를 팔로잉 하게 된다. 즉 follower_id = A , following_id = 나  이 두 관계가 동시에 성립status라는 체크 필드를 하나 넣고, 상태를 기록한다.  acitve, blocked, request등등, 개..

1. 프로필 보기 제한:차단한 사용자는 내 프로필 및 내 게시물, 스토리 등 모든 콘텐츠가 차단한 사용자에게 보이지 않게 한다.2.  내 게시물 접근 차단.차단한 사용자는 내 게시물과 스토리를 볼 수 없게 한다.나도 차단한 사용자의 게시물과 스토리를 볼 수 없게 한다. 3. 메시지 제한:  차단한 사용자는 나에게 메시지를 보낼 수 없게 한다.  기존 메시지는 유지되지만 사라지지 않지만, 새로운 메시지를 주고받을 수 없게 한다. 4. 댓글 및 좋아요 제한: 차단한 사용자는 내 게시물에 댓글을 달거나 좋아요를 누를 수 없게 한다.나도 차단한 사용자의 게시물에 댓글을 달거나 좋아요를 누를 수 없게 한다.5. 태그 및 멘션 제한: 차단한 사용자는 나를 태그하거나 멘션할 수 없게 한다.나도 차단한 사용자를 태그하..

URL에 숫자와 영어가 섞인 고유 식별자를 사용하는 방법은 UUID(Universally Unique Identifier)를 사용하면 된다.UUID는 고유한 문자열로, 숫자와 영어 알파벳이 혼합된 형식으로 생성된다.예) 유튜브 주소 이를 사용하면 각 페이지에 대해 고유하고 예측할 수 없는 식별자를 부여할 수 있다. UUID를 사용하는 방법모델에 UUID 필드 추가: 모델에 UUID 필드를 추가하고, 이를 primary key로 설정할 수 있다.URL 패턴 설정: UUID를 포함하는 URL 패턴을 설정.뷰에서 UUID 사용: UUID를 사용하여 포스트를 조회하고 처리.단계별 구현1. 모델 정의Post 모델에 UUID 필드를 추가하고, 이를 primary key로 설정. from django.db impor..

댓글 구조를 나타내는 데이터베이스 스키마 설계.. 대댓글(Reply)을 지원하며, 각 댓글이 다른 댓글의 답글로 연결될 수 있음. 예) 유튜브 댓글 댓글은 id를 가지며, 대댓글은 어떤 댓글에 댓글인지, parent_id를 갖게 되는 구조. 간단요약 댓글 (id = 1) 댓글 (id= 2)                  대댓글 (id=3) (parent id= 2)   댓글(DB 스키마) 도표TableFieldTypeDescriptionCommentidserial (PK)Primary key, 자동 증가 ID post_idinteger (FK)댓글이 속한 게시물의 ID user_idinteger (FK)댓글을 작성한 사용자의 ID contenttext댓글 내용 created_atdatetime댓글 작성 ..

Pinterest, pixabay 와 같은 이미지 중심의 웹사이트에서는 일반적으로 이미지를 여러 사이즈로 저장하는 것이 일반적이죠. 이는 다양한 기기와 화면 해상도에 맞춰 이미지를 최적화하고, 사용자 경험을 개선하기 위해 필요한데요.이미지 사이즈를 다르게 하여 저장하는 이유성능 최적화:작은 썸네일 이미지는 빠르게 로드되며, 페이지 로딩 시간을 단축시킵니다.큰 이미지는 필요할 때만 로드되어 대역폭을 절약합니다.반응형 디자인 지원:다양한 화면 크기와 해상도에 대응하기 위해 서로 다른 크기의 이미지를 사용합니다.모바일, 태블릿, 데스크톱 등 여러 기기에서 최적의 이미지를 제공합니다.디스플레이 품질 유지:고해상도 디스플레이(Retina 등)에서는 더 큰 이미지를 사용하여 품질을 유지합니다.저해상도 디스플레이에서..

CHAR와 VARCHAR는 모두 문자열 데이터를 저장하기 위해 사용되는 데이터 타입이지만, 이 두 타입 간에는 몇 가지 중요한 차이점이 있습니다.CHAR (Fixed Length Character)고정 길이:CHAR는 고정 길이 문자열을 저장합니다. 예를 들어, CHAR(10)으로 정의된 필드는 항상 10자의 문자열을 저장합니다.만약 저장되는 문자열의 길이가 10자보다 짧으면, 나머지 공간은 공백으로 채워집니다.성능:고정 길이이기 때문에, 저장 및 검색 속도가 VARCHAR보다 빠를 수 있습니다.데이터의 길이가 일정할 때 유리합니다.용도:길이가 일정한 문자열 데이터를 저장할 때 사용됩니다. 예를 들어, 고정 길이의 코드를 저장할 때 적합합니다.VARCHAR (Variable Length Character..