Tech Trail

최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요 (jetbrains.com) 최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요 www.jetbrains.com 요즘은 Java 및 Kotlin 개발 환경으로 이클립스보다 인텔리제이를 많이 쓰죠? 그래서 오늘은 IntelliJ IDEA를 설치하는 방법에 대해 포스팅해 보겠습니다. 위 링크로 들어가면 인텔리제이를 설치할 수 있는 사이트가 나오고요. 홈페이지에서 유료버전인 Ultimate 버전뿐만 아니라 무료 버전인 Community Edition도 제공하고 있습니다. 원하는 버전을 선택하여 다운로드합니다. Community Edition는 아래로 스크롤을 조금 내려보면 있어요! 저는 이걸로 다운..

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

이전 게시글을 보지 않으신 분들은 아래 링크로 이동하여 먼저 보시는 걸 추천드립니다 :) [Flutter로 간단한 퀴즈앱 만들기 01] 플러터 개발환경 세팅하기 (VS code extensions: Dart / Flutter) (tistory.com) [Flutter로 간단한 퀴즈앱 만들기 01] 플러터 개발환경 세팅하기 (VS code extensions: Dart / Flutter) 안녕하세요! 오늘은 Flutter를 사용하여 간단한 퀴즈 앱을 만들어보겠습니다. Flutter 및 Dart 설치 우선, Visual Studio Code(또는 원하는 다른 편집기)에 Flutter와 Dart를 설치해야 합니다. Visual Studio Code의 E techtrail.tistory.com 저번에 만든 홈화..

안녕하세요! 오늘은 Flutter를 사용하여 간단한 퀴즈 앱을 만들어보겠습니다. Flutter 및 Dart 설치 우선, Visual Studio Code(또는 원하는 다른 편집기)에 Flutter와 Dart를 설치해야 합니다. Visual Studio Code의 Extensions에서 Flutter와 Dart를 검색하고 설치합니다. Flutter 프로젝트 생성 1. 왼쪽 사이드바에서 확장(Extensions) 아이콘을 클릭하거나 Ctrl+Shift+X 단축키를 사용합니다. 2. EXTENSIONS: MARKETPLACE에서 Flutter 검색하고 설치합니다. (저는 이미 깔려있어요!) Flutter를 Install 하면 자동으로 Dart Code도 같이 설치됩니다. 3. Command Palette(Ct..

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 명령어를 사용하여 현재 디렉토리의 파일 및 디렉토리 목록을 확인할 수 있습..

1. Node.js 공식 웹사이트 방문: ​ 먼저 Node.js를 다운로드하기 위해 공식 웹사이트인 아래 링크로 접속합니다. ​ 다운로드 | Node.js (nodejs.org) ​ ​ ​ 2. LTS 버전 vs 최신 버전 선택: ​ - 대부분의 사용자에게는 LTS (Long Term Support) 버전을 권장합니다. 이 버전은 안정성이 높고 장기적인 지원을 받을 수 있습니다. ​ - 최신 버전은 최신 기능을 사용하고 싶을 때 선택할 수 있습니다. 하지만 안정성은 LTS 버전보다 낮을 수 있습니다. ​ ​ ​ ​ 3. 운영체제에 맞는 설치 파일 선택: ​ - 내 PC에서 오른쪽 마우스를 클릭하여 '속성'을 선택하면, '장치 사양' 탭에서 '시스템 종류'를 확인할 수 있습니다. 이를 통해 현재 사용 중인..

저는 Django 라는 개발 도구를 사용하여 웹 개발을 하고 있어요. 그런데 Python의 manage.py runserver 명령어를 실행하려고 했더니 ERR_SSL_PROTOCOL_ERROR 라는 오류가 나타났어요. 이 문제를 해결하기 위해서 브라우저에서 검색한 기록을 지우는 방법을 사용했습니다. 아래에서 자세한 방법을 설명할게요. 문제: ​ Python으로 웹 개발을 하고 있었는데, manage.py runserver 명령어를 실행하면서 ERR_SSL_PROTOCOL_ERROR 오류가 생겼어요. ​ ​ 해결 방법: ​ 1. ​ 먼저 오류가 나타난 페이지에서 키보드의 Ctrl + Shift + Delete 키를 누르세요. 이렇게 하면 브라우저의 캐시, 쿠키, 검색 기록 등을 지울 수 있는 창이 열릴 ..