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. iexcloud에 가입하고 API 키 받기 Django를 사용하여 주식 데이터를 수집하고 화면에 표시하는 방법에 대해 알아보겠습니다. 먼저, 주식 데이터를 받아오기 위해 iexcloud 웹사이트에 가입하고 API Tokens 페이지에서 PUBLISHABLE 키를 복사해야 합니다. 이 키는 개인 정보이므로 유출되지 않도록 주의해야 합니다. 2. API 문서 확인하기 다음으로, iexcloud의 API 문서( https://iexcloud.io/docs/api/ )에서 Ctrl+F로 "stock quote for"를 검색하여 해당 주식의 데이터를 요청하는 URL을 확인합니다. 그러면 하나의 검색 결과가 나오는데, 그것은 https://cloud.iexapis.com/stable/stock/aapl/qu..

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

Django 프로젝트를 시작하면서 가장 먼저 만나는 파일 중 하나가 manage.py입니다. 이 파일은 Django 프로젝트를 관리하고 다양한 작업을 수행할 때 사용하는 핵심 모듈입니다. 일반적으로 python manage.py runserver 명령을 사용하여 서버를 실행하고 웹 애플리케이션을 확인할 수 있습니다. python manage.py runserver 서버를 실행해 보겠습니다. 서버가 실행되어야 우리가 만든 웹을 확인할 수 있습니다. 서버가 실행되면 아래와 같은 메시지가 표시됩니다. 이제 웹 브라우저를 열어서 주소창에 127.0.0.1을 입력해보세요. 그러면 로컬 호스트, 즉 여러분의 컴퓨터에서 실행 중인 서버로 접속할 수 있습니다. 이때 8000은 8000번 포트를 의미합니다. Django..

Django는 간단하고 빠르게 웹 개발을 할 수 있는 프레임워크로, 인스타그램과 요기요 등 많은 서비스가 Django로 개발되었습니다. 이번 프로젝트에서는 PyCharm 환경에서 Python을 사용하여 Django 프로젝트를 시작해 보겠습니다. 1. 새로운 프로젝트 생성 PyCharm을 열고 새로운 프로젝트를 생성합니다. 저는 Location에 stockmarket이라고 이름을 사용했지만, 원하시는 이름을 자유롭게 선택하실 수 있습니다. 또한, New environment using에서는 Virtualenv를 선택해주셔야 합니다. 파이썬 작업을 할 때는 가상환경(Virtual Environment)을 설치해 줄 수 있고, 가상환경을 활성화하면 해당 프로젝트에 필요한 라이브러리만 사용할 수 있습니다. 이는..

Node.js (nodejs.org) ​ Node.js는 JavaScript를 실행할 수 있는 환경으로, 웹 서버와 같은 네트워크 애플리케이션을 만들 때 유용한 다양한 모듈과 기능을 제공합니다. 이를 위해 문서화된 Node.js 공식 문서(Manual & Documentation)를 사용할 수 있습니다. 위 링크를 타고 docs 에 들어오면 모듈들에 대한 설명이 나오는데, 아래는 제공된 코드 조각과 그에 대한 설명입니다. ​ const http = require('http'); const hostname = '127.0.0.1'; const port = 1337; http.createServer((req, res) => { res.writeHead(200, { 'Content-Type': 'text/pl..

(1) 디렉토리 및 파일 생성: C 드라이브에 dev > js > server_side_javascript 폴더를 만듭니다. hello.js 파일을 해당 폴더에 만듭니다. 혹시 헷갈리실까 봐 ~ ​ ​ ​ (2) hello.js 스크립트 내용: hello.js 파일에 다음과 같은 코드를 입력합니다. console.log('Hello world'); ​ ​ ​ (3) Node.js를 사용한 디버깅: Node.js에서 console.log를 사용하여 디버깅 및 메시지 출력이 가능합니다. 이를 통해 코드 실행 중 발생하는 정보를 확인할 수 있습니다. ​ ​ ​ (4-1) 맥이나 리눅스에서 디렉토리 확인: 맥이나 리눅스에서는 ls -al 명령어를 사용하여 현재 디렉토리의 파일 및 디렉토리 목록을 확인할 수 있습..