전체보기

2. Bootstrap 으로 내비게이션 바 수정, 레이아웃 적용, grid로 구성 관리

● 내비게이션 바 수정 Conponents에서 내비게이션 바 고르기 https://getbootstrap.com/docs/5.1/components/navbar/ Navbar Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin. getbootstrap.com Bootstrap 웹 사이트의 Doc 탭을 클릭한 후 Components 를 클릭한 후 Navbar 를 선택한다. copy 버튼을 누른 후 이전에 미리 만들어 둔 a..

1. Bootstrap 이란?, 기본적인 사용법

Bootstrap 이란 ? 스마트폰, pc, 테블릿 딩 다양한 크기의 화면에 대응할 수 있는 툴킷이다. 웹 디자인에 자신이 없어도 손쉽게 이를 해결할 수 있게 해준다. 기본적인 사용법 (CSS 적용) Bootstrap 공식 사이트에 접속후 다운로드 한다. (getbootstrap.com) 그 후 쓰고자 하는 버전을 클릭한 후 Compiled CSS and JS 목록의 다운로드 버튼을 눌러 압축파일을 다운로드 받는다. 미리 만들어둔 index.html 파일에 쓰기위해 압축파일 안에 있는 bootstrap.min.css 와 bootstrap.min.css.map 이 두개만 압축을 해제한 후 프로젝트 폴더안에 관리하기 쉽도록 따로 Bootstrap/css 폴더를 만든 후 집어넣는다. 집어넣은 bootstrap..

개발하고자 하는 웹 사이트 기능 개요

웹 사이트를 개발하기에 앞서서 어떤 기능을 구현 할 것인지 미리 구상 하고 여기에 정리한다. 회원가입 댓글 작성, 수정, 삭제 게시글 검색 권한있는 사람의 글 쓰기 허용, 사용자 권한 설정 소셜 로그인 기능 배포 하여 어디든지 접속 가능 HTTPS 인증

20. miniter API Unit test 2

● ping 엔드포인트 테스트 코드 작성 def test_ping(api): # 1 resp = api.get('/ping') # 2 assert b'pong' in resp.data # 3 # 1. ping 엔드포인트를 테스트하는 함수, 여기서 api는 위의 코드인 def api 함수의 리턴값인 test clinet를 자동으로 적용시켜준다. # 2. test clinet의 get 메소드를 통해서 가상의 GET 요청을 /ping URL 와 연결되어있는 엔드포인트에 보낸다. # 3. 위의 2를 실행 후 리턴받은 응답의 body에 "pong" 이라는 텍스트가 포함되어 있는지 확인한다. "pong" 앞에 붙어있는 b 는 해당 스트링을 byte로 변환시켜 주는 역할을 한다. resp.data가 스트링이 아닌 b..