전체 글

CSS CSS(Cascading Style Sheets)는 웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어이다. HTML 문서의 요소들이 브라우저 화면상에 어떻게 배치되고 디자인될지를 결정한다. 왼쪽은 순수 HTML 문서로, 문서의 구조만 짜여져 있다. 오른쪽은 CSS가 추가된 HTML 문서로, 요소들이 구조에 맞추어 배치되고, 디자인 되어있다. Cascading HTML 요소들은 중첩이 되어있는데, 상위 요소에 대해 적용한 스타일이 하위 요소에도 적용되는 것을 Cascading이라 한다. 스타일에 따라 Cascading이 되는 스타일이 있고, 되지 않는 스타일이 있다. CSS 문법 CSS를 적용하기 위해서는 스타일을 적용할 요소를 선택한다. 선택한 요소에 대해 어떤 스타일을 지정할지 key ..

[람다 함수] 파이썬에서 코드를 간결하게 작성할 수 있으며, 주로 함수를 인라인으로 사용할 때 유용하다. 단일 표현식(expression)으로 이루어져 있으며, 이 표현식의 결과가 해당 함수의 반환값이 된다. 이러한 람다 함수는 주로 간단한 기능을 수행하는 함수를 간결하게 정의할 때 사용된다. 일반적으로 함수를 정의하고 이름을 부여하는 것보다 더 간결하게 코드를 작성할 수 있다. [람다 함수의 구조] 람다 함수의 기본 구조 출처 : 4) 람다함수(익명함수) - 제대로 파이썬 (wikidocs.net) lambda arguments: expression lambda는 람다 함수를 정의하는 키워드이며, arguments는 함수의 매개변수를 나타낸다. expression은 해당 매개변수를 이용하여 계산된 값을..

Form 사용자로부터 입력을 수집하기 위한 양식을 정의할 때 사용된다. input 태그들의 조합을 통해 데이터를 입력받는다. 주요 속성으로는 action : 데이터를 전송할 서버의 URL을 지정한다. method : 데이터를 전송할 방식을 지정한다. ex) GET, POST GET방식의 경우 데이터가 URL을 통해 전달된다. 기본값. POST 방식의 경우 데이터가 HTTP Request 본문에 포함된다. input 데이터를 입력받는 요소이며, Form 태그로로 감싸져 한번에 데이터를 전달한다. 주요 속성으로는 name : 데이터는 key-value 형태로 전송되는데, key 역할을 한다. value : value 역할을 한다. type : 입력 유형을 지정한다. text : 일반 텍스트 입력 submit..

[실습] 1. 다음 이미지의 구조를 html tag로 표현해보시오. 2. 임의의 사이트의 구조를 html tag로 표현해보시오. 3. 개발자 도구를 활용하여 구조가 비슷한지 확인해보시오. [최종 완성] index.html APPAREL SHOP HOME PRODUCTS 나희의 블로그입니당 ,,, 저희집 막내는 별이고 토끼에요 11살이에요 Contact Us Username Email Send More Email Address nahee2253@naver.com Phone Number 010-0000-0000 Location 성남시 수정구 Working Hours 9am ~ 6pm • • • • 이미지

프론트엔드 프론트엔드(Frontend)는 사용자가 웹 브라우저를 통해 상호작용하는 웹 애플리케이션의 클라이언트 사이드 부분을 의미한다. 주로 사용자 경험(UX)과 사용자 인터페이스(UI)를 개발하는 데 초점을 맞추며, 웹사이트의 디자인, 레이아웃, 그리고 동작 방식을 구현한다. HTML, CSS, JavaScript로 구현한다. HTML : 화면의 내용 및 구조를 나타낸다. CSS : 화면의 구도 및 스타일을 지정한다. JavaScript : 화면에 동적인 요소를 추가하여 사용자와 상호작용할 수 있도록 한다. HTML 하이퍼 텍스트 마크업 언어(Hyper Text Markup Language, HTML)는 웹 페이지 표시를 위해 개발된 마크업 언어이다. 하이퍼텍스트(hypertext) 문서 내부에 또 다..

미니 프로젝트 : LMS REST API 서버 구축 목표 LMS(Learning Management System)을 위한 data model을 설계해보자. LMS을 위한 REST API를 만들어 보자. 요구 사항 다음 팀장의 이야기를 참고하여 LMS에 대해 자유롭게 설계한다. ERD를 만든다. 간단한 API 문서를 작성한다. Postman or notion 활용(또는 Swagger) 팀장 ALEX : 우리는 학생들의 성적을 관리하기 위한 LMS를 만들거야 과목은 시범적으로 국어, 영어, 수학만 사용할 것이지만 추후에 다른 과목들도 추가할거야 우리 서비스에는 강사들이 있어. 강사들은 담당 교과목이 존재하고, 교과목마다 여러 개의 강의를 진행할거야 학생들은 그 강의들을 수강하고, 시험을 본 후 LMS상에서 ..

[문제 정의] " 보안에서는 왜 Refresh를 안쓰고 Access만 쓰는가? " [정의] Access 토큰: Access 토큰은 클라이언트(예: 웹 애플리케이션, 모바일 앱)가 서버에 리소스에 접근하는 데 사용되는 인증 토큰 주로 OAuth 2.0 및 OpenID Connect와 같은 프로토콜에서 발급되며, 사용자가 리소스에 대한 권한을 나타낸다. 일반적으로 짧은 유효 기간(예: 몇 분 또는 몇 시간) 동안 유효하며, 유효 기간이 지나면 재발급이 필요하다. Access 토큰은 보통 HTTP 요청의 헤더에 포함되어 서버에 전송된다. Refresh 토큰: Refresh 토큰은 Access 토큰의 갱신을 위한 특별한 토큰입니다. 주로 OAuth 2.0의 인증 코드 그랜트 방식에서 사용됩니다. Refresh ..

포스트맨(Postman) 개요 포스트맨(Postman)은 API 개발을 위한 협업 및 테스트 도구로서, API를 손쉽게 테스트하고 문서화할 수 있는 플랫폼 주로 웹 API를 개발하고 테스트하는 데 사용됩니다. 포스트맨을 사용하면 사용자가 간단한 HTTP 요청을 만들고 테스트할 수 있다. 개발자, 테스트 엔지니어, API 제공 업체 등에게 널리 사용되는 도구 중 하나이며, API 개발 및 테스트의 생산성을 향상시키는 데 도움이 된다. [주요 기능] 1. API 요청 작성 사용하면 간단하게 API 요청을 작성할 수 있다. URL, 헤더, 본문 데이터, HTTP 메서드 등을 설정할 수 있다. 2. 다양한 HTTP 요청 지원 GET, POST, PUT, DELETE 등 다양한 HTTP 요청 메서드를 지원한다. ..

M:N 관계 M:N 관계(many to many relationship)는 한 테이블(A)의 한 행이 다른 테이블(B)의 여러 행과 관련이 있고, 반대로 한 테이블(B)의 한 행이 다른 테이블(A)의 여러 행과 관련이 있는 경우를 의미한다. 아래 예시에서 고객 테이블의 고객ID가 1인 행이 주문 테이블의 주문 ID가 101, 103인 행과 관련이 있고, 따라서 상품ID가 P001, P003인 행과 관련이 있다. 상품 테이블의 상품ID가 P001인 행이 주문 테이블의 주문 ID가 101, 104인 행과 관련이 있고, 따라서 고객ID가 1, 3인 행과 관련이 있다. 즉 고객 : 상품 = 1 : N, 상품 : 고객 = 1 : N 의 관계를 만족하는 경우 M:N 관계라고 한다. 고객 테이블 고객ID 고객이름 E..

문제: ValueError: Related model 'auth.group' cannot be resolved 해당 오류는 Django의 데이터베이스 마이그레이션 시 발생한 것으로, 관련 모델이나 필드가 해석되지 못할 때 발생한다. 구체적으로는 관련된 외래 키 필드(`ForeignKey`)나 많 대 많 관계 필드(`ManyToManyField`)에서 발생한다. 정의: 이 경우, 주로 다음과 같은 상황에서 발생한다. 1. 관련된 모델이 아직 마이그레이션되지 않았거나, 마이그레이션 순서가 잘못되었을 때 2. 모델이나 필드 이름이 잘못되었거나 변경되었을 때 3. 관련된 모델이나 필드를 사용하는 외래 키나 많 대 많 관계가 잘못 설정되었을 때 이러한 문제는 주로 Django 모델과 관련된 마이그레이션 파일을 수..