반응형

WEB 30

PHP로 간단한 웹사이트 만들기(회원가입, 로그인)

PHP를 사용하여 회원 가입 및 로그인이 되는 간단한 웹사이트를 만들어 보았습니다. 사용자가 입력한 패스워드 검사, 세션 유지나 AES 256으로 평문을 암호하는 코드도 포함되어 있습니다. 웹사이트에 회원 가입하고 로그인하면 해당 사용자를 위한 정보만 보여주는 방법이 궁금해서 진행해보았던 결과물을 정리해보았습니다. 정리하기에는 양이 많아서 우선 구현된 부분과 동작 과정만 해서 올립니다. 추후 코드 설명도 추가해보록 하겠습니다. PHP도 익숙치 않은데 클래스까지 사용하기에는 무리인지라 제외시켰고 실제로 사용하는 방법과는 다른게 엉뚱하게 구현된 부분도 있을 듯합니다. 개인적인 공부를 위해서 만들어본 웹사이트인지라 보안 쪽은 전혀 신경안썼기 때문에 테스트나 공부 용도로만 사용하세요. PHP 8.2 버전대를 사..

WEB/PHP 2024.01.14

Windows에서 웹 개발 환경 만들기 ( WampServer : MariaDB, PHP, MySQL, PhpMyAdmin )

윈도우에 Apache2 + PHP + MariaDB 조합으로 웹서버를 쉽게 구축할 수 있게 도와주는 WampServer 설치 및 사용방법을 다루고 있습니다. 2018. 7 . 12 최초 작성 2019. 11. 17 2020. 07. 16 MySQL 설치 방법 변경됨. 2021. 02. 10 최신 버전으로 진행해봄. MySQL이 상용화(?)되면서 오픈소스 프로젝트로 MariaDB가 시작되었다고 하네요 호환이 거의 100%이기 때문에 MariaDB를 사용해도 문제가 없다네요. MariaDB와 MySQL 두 가지 모두 설치할 수 있습니다. 2024. 1. 10 윈도우 11에서 최신 버전으로 진행 1. 아래 링크에 접속하여 초록색 버튼 Download Latest Version을 클릭하면 64비트용 WampSe..

Flask를 사용하여 Python 코드 실행하는 간단한 Rest API 예제

Flask를 사용하여 Python 코드 실행하는 간단한 Rest API 예제입니다. 2023. 12. 18 최초 작성 다음 포스트를 참고하여 Flask 개발환경을 만듭니다. Windows에 Visual Studio Code와 Miniconda를 사용한 Flask 개발 환경 만들기 https://webnautes.tistory.com/1939 MacOS( Macbook M1 )에 Visual Studio Code와 Miniconda를 사용한 Flask 개발 환경 만들기 https://webnautes.tistory.com/2243 app.py from flask import Flask, request, jsonify from sum import sum app = Flask(__name__) @app.rou..

WEB/Flask 2023.12.20

Flask를 사용하여 웹페이지에서 Python 코드 실행하는 간단한 예제

Flask를 사용하여 웹페이지에서 Python 코드 실행하는 간단한 예제입니다. 2023. 12. 17 최초 작성 다음 포스트를 참고하여 Flask 개발환경을 만듭니다. Windows에 Visual Studio Code와 Miniconda를 사용한 Flask 개발 환경 만들기 https://webnautes.tistory.com/1939 MacOS( Macbook M1 )에 Visual Studio Code와 Miniconda를 사용한 Flask 개발 환경 만들기 https://webnautes.tistory.com/2243 다음 구조로 코드 파일을 저장합니다. 주의할 점은 templates 폴더 내에 index.html을 저장해야 합니다. index.html 덧셈 계산기 덧셈 계산기 두 숫자를 더하기 ..

WEB/Flask 2023.12.18

MacOS( Macbook M1 )에 Visual Studio Code와 Miniconda를 사용한 Flask 개발 환경 만들기

MacOS( Macbook M1 ) 환경에서 Visual Studio Code와 Miniconda를 사용한 Flask 개발 환경 만들기를 다루고 있습니다. 2023. 12. 17 최초 작성 1. Miniforge를 설치하여 Python 개발환경을 만든 후, Visual Studio Code와 연동하는 작업까지 진행합니다. Macbook M1에 Miniforge 설치하여 Visual Studio Code와 연동하기 https://webnautes.tistory.com/2101 2. Command + Space를 누른 후, terminal을 입력후 엔터를 눌러 터미널을 실행합니다. conda를 사용하여 flask라는 이름의 파이썬 가상환경을 생성합니다. 파이썬 버전은 3.8 이상이어야 합니다. conda c..

WEB/Flask 2023.12.17

JavaScript를 사용하여 웹브라우저에서 RTSP 영상 재생하기

JavaScript를 사용하여 웹브라우저에서 RTSP 영상을 재생하는 예제입니다. 2021. 04. 04 최초작성 2023. 11. 07 검증 1. FFmpeg를 다운로드 받습니다. https://www.gyan.dev/ffmpeg/builds/ 압축을 풀어 C:\ffmpeg에 둡니다. C:\ffmpeg\bin를 시스템 PATH에 추가합니다. 2. 윈도우용 Node.js 설치 파일을 다운로드 받아 설치합니다. 아래 링크에서 Windows Installer (.msi) 항목에 있는 것 중 64-bit를 다운로드하면 됩니다. https://nodejs.org/en/download 옵션 변경없이 설치를 진행합니다. 3. 다음 두 파일을 적당한 곳에 생성합니다. index.js 영상 크기로 width와 heig..

WEB/javascript 2023.11.07

Visual Studio Code 사용하는 JavaScript 개발 환경 만들기

Visual Studio Code에서 JavaScript를 실행하는 방법을 다룹니다. 2021. 03. 23 최초작성 개발환경 만드는 과정을 영상으로 설명한 유튜브 영상은 아래 링크를 통해 보세요. https://youtu.be/p3KUYf-Zsu0 1. 윈도우용 Node.js 설치 파일을 다운로드 받아 설치합니다. 아래 링크에서 Windows Installer (.msi) 항목에 있는 것 중 64-bit를 다운로드하면 됩니다. https://nodejs.org/ko/download/ 2. 옵션 변경없이 설치를 진행합니다. ‘ 3. Visual Studio Code를 설치합니다. Visual Studio Code 설치하는 방법( Windows / Ubuntu ) https://webnautes.tisto..

WEB/javascript 2023.10.20

AWS Rest API를 Android와 연동해보기( Lambda + API Gateway + DynamoDB )

AWS의 Lambda + API Gateway + DynamoDB를 사용하여 구현한 Rest API를 안드로이드 앱과 연동해본 예제입니다. 익숙하지 않은 분야라 이상한 점이 있을 수 있습니다. 2021. 11. 29 - 최초작성 본 포스트는 다음처럼 구성되어 있습니다. 안드로이드 앱에서 실행 과정을 간단히 설명합니다. 이름과 나라를 입력한 후, 입력을 클릭합니다. 키보드를 숨기면 아래쪽에 정상적으로 처리되었다고 200이 보입니다. 잘못 처리된 경우에 대한 고려는 없습니다. 검색할 이름을 입력하고 검색을 클릭합니다. 키보드를 숨기면 아래쪽에 검색한 이름에 대한 정보를 보여줍니다. 검색되지 않은 경우에 대한 고려는 안되어있습니다. 람다 함수에 추가하면 처리할 수 있습니다. 데이터 입력 DynamoDB 왼쪽 ..

WEB/AWS 2023.10.15

AWS p2.xlarge (NVIDIA Tesla K80 GPU) 엔비디아 그래픽 카드 드라이버 설치 방법

p2.xlarge 인스턴스에 설치된 우분투 20.04에 최신 버전 NVIDIA 그래픽 카드를 설치하니 문제가 있었습니다. 수소문하여 다음처럼 예전 버전을 깔아야 함을 알게 되었습니다. CUDA도 11.4까지만 설치 가능하고 cuDNN도 버전맞추어서 8.2.2를 설치해야 합니다. 2023. 8. 16 최초작성 sudo add-apt-repository ppa:graphics-drivers/ppa --yes sudo apt update sudo apt install nvidia-driver-470 참고- https://github.com/charmed-kubernetes/kubernetes-docs/issues/646

AWS Lambda 함수와 API Gateway로 만든 REST API 배포하기

AWS Lambda 함수와 API Gateway로 만든 REST API 배포하는 방법을 다룹니다. 익숙하지 않은 분야라 이상한 점이 있을 수 있습니다. 2021. 10. 24 - 최초 작성 우선 다음 포스트를 진행해야 합니다. AWS Lambda 함수와 API Gateway를 사용하여 REST API 구현 https://webnautes.tistory.com/1944 AWS 관리 콘솔 사이트(https://aws.amazon.com/ko/console/ )에 접속하여 로그인 후, 왼쪽 상단에 보이는 서비스를 클릭합니다. 네트워킹 및 콘텐츠 전송 항목에 있는 API Gateway를 클릭합니다. 앞에서 만들었던 API가 보입니다. 이름을 클릭합니다. 리소스에서 ANY를 클릭합니다. 작업을 클릭하여 보이는 메..

WEB/AWS 2023.10.12
반응형