Tech Trail

1. 부트스트랩의 Tables 섹션을 활용하여 테이블 디자인 선택 이제 원하는 키워드만 뽑아내도록 합시다. 다시 부트스트랩 Content로 이동하여 Tables 섹션을 찾습니다. 원하는 테이블 디자인을 찾은 후 해당 부분을 복사합니다. 2. home.html 파일에 테이블 디자인 코드 삽입 그리고 home.html 파일에 붙여넣기를 하고, {{ stock }} 부분은 삭제합니다. 필요없는 컬럼들을 제거하여 아래와 같이 테이블을 구성해줬어요. {% extends 'stocks/base.html' %} {% block content %} # First 1 Mark 2 Jacob 3 Larry {% endblock %} 3. 데이터 딕셔너리 형식을 활용하여 키워드(key)와 값을(value) 테이블에 출력 표..

1. 서버 설정 및 Django 프로젝트 폴더로 이동 서버를 실행한 채로 새로운 터미널 창을 열고 Django 프로젝트 폴더로 이동합니다. 터미널에서 다음 명령어를 실행하여 Django 프로젝트 폴더로 이동합니다. cd djangostock 2. 부트스트랩에서 Navbar 구현하기 우리는 주식을 검색할 때 데이터를 보여주는 웹을 만들려고 하는데 현재는 애플 주식 데이터만 표시되므로, 부트스트랩 사이트에서 Components 섹션으로 이동하여 Navbar로 이동합니다. Navbar에 Search 있는 부분을 가져와서 사용하면 됩니다. 저는 이걸 copy 해주겠습니다. 이 내용을 base.html 파일에 해당 위치에 붙여 넣어주세요. {% csrf_token %} Search {% block content ..

1. Django 프로젝트 설정 이제 우리가 단순히 "aaa"를 출력하는 것이 아니라, 우리가 만든 웹 화면을 출력해야 합니다. 우선, stocks 앱 내에 templates라는 새로운 폴더를 생성합니다. 이 폴더는 Django에게 웹 페이지의 템플릿을 저장하는 곳임을 알려줍니다. 2. 템플릿 구조 설정 그런 다음, templates 폴더 내에 stocks 앱과 동일한 이름의 또 다른 폴더를 생성합니다. 이는 템플릿 파일을 더 구조적으로 관리하기 위한 것입니다. 3. 홈페이지 템플릿 작성 이 안에 home.html 파일을 생성하여 웹 페이지의 내용을 작성합니다. 태그 안에 "Hello, world!"를 입력해 보겠습니다. 4. 뷰 설정 그리고 이후에 views.py 파일로 돌아가서, Response 관련..