본문 바로가기

개발(Develop)82

브레이브(Brave) 웹 브라우저 쉬운 설치 / 광고가 자동으로 차단되는 브라우저/ VPN 브라우저/ 크롬을 대체할 만한 브라우저 이번 글에서 다룰 것은 '브레이브(Brave)'라고 하는 웹 브라우저이다. 아마 처음 들어보는 분도 있고, 매우 생소할 것이다. 익스플로러나 구글 크롬(Chrome)을 쓰면되지 굳이 생소한 브레이브(Brave)? 라는 생각을 하는 사람들이 분명 있을 것이다. 나또한 그랬기 때문이다. 그런데 브레이브(Brave) 브라우저가 가진 장점이 나에게 있어서 큰 부분을 차지했다. 바로 브레이브(Brave) 브라우저에 대해 알아보도록 하자. 브레이브(Brave) 브라우저는 무엇인가? 브레이브(Brave) 브라우저는 구글 크롬과 마찬가지로 웹 브라우저이다. 다른 점이 있다면, 브레이브(Brave)에 가장 큰 장점인 웹 사이트 데이터 수집 트래커 및 광고 차단으로 인터넷 속도 및 개인 정보 보호에 더욱 집중한 웹 브라우.. 2021. 6. 14.
웹서버 / 서버 컴퓨터에 파일질라(Filezilla)로 접속하기/ 서버 컴퓨터에 파일 전송해 서버에서 실행시켜보기/ FTP 프로그램 파일질라(FileZilla)라는 FTP 프로그램을 통해 가상 컴퓨터, 즉 만들어둔 서버(server) 컴퓨터에 파일을 전송하고, 서버 컴퓨터에서 파일을 실행하는 과정을 해보자. FileZilla가 내 컴퓨터에 설치가 안 되어 있다면 아래를 클릭해 다운 받자 ▼ 파일질라(FileZilla) 설치하기/ FTP 프로그램 추천/ FTP란 무엇인가?/ 파일질라 설치 방법 파일질라(FileZilla) 설치하기/ FTP 프로그램 추천/ FTP란 무엇인가?/ 파일질라 설치 방법 파일질라(FileZilla)를 다운로드 받기 전에, 파일질라가 무엇인지부터 알아보자. 파일질라(FileZilla)란? 파일 질라는 쉽게 말해 'FTP 프로그램'이다. 개인 컴퓨터와 웹 사이트(웹 서버)간에 파일 전송 parkjh7764.tist.. 2021. 6. 12.
아마존 웹서비스(AWS) / AWS 회원가입하고 사용하기/ AWS 인스턴스 구매/ 우분투(ubuntu)로 가상 컴퓨터 원격 접속하기 / AWS란 무엇인가 이번 글에서는 AWS, 아마존 웹 서비스에 대해 다뤄볼 것이다. AWS가 무엇인지 간략히 알아보고, 바로 사용해보도록 하자. AWS(Amazon Web Services)란? AWS는 많이들 들어본 '아마존'의 자회사로 인프라를 빌려주는 클라우드 서비스를 제공한다. AWS는 대량의 서버, 스토리지, 네트워크 장비를 자체적으로 구매해놓고 사용자에게 인프라를 제공하는데, 개발자는 각 장비를 사용한 만큼의 비용만 지불하면 된다. 개발자에게는 비용 측면에서 정말 효율적이다. AWS를 ‘인프라로서의 서비스’(Infrasture as a Service, IaaS)'라고도 부르는데. IaaS는 이는 클라우드 서비스의 유형 중 하나이다. 네이버 지식백과를 스크랩해서 보자면, 이해하기 쉽게 설명되어 있으니 아래를 읽어보면.. 2021. 6. 12.
Git, Git Bash 쉬운 설치/ Git Bash 설치 쉽고 자세한 설명/ 윈도우 OS에서 리눅스 환경 구축하기/ Git Bash란 무엇인가 Git Bash라는 것을 설치하기 전에 Git Bash가 무엇인지 부터 알아보고 가자. Git Bash란 무엇인가? 아래 사진을 보면 왼쪽은 우리가 Windows 운영체제에서 주로 쓰는 '명령 프롬프트, cmd'이고 오른쪽 사진은 오늘 설치할 'Git Bash'이다. 생김새만 봐도 유사하게 생겼지 않은가? 생김새가 같은 것처럼 하는 역할도 같다. 방대한 지식을 가지고 있는 사람이라면, Git Bash의 이름을 보면 무엇인지 알 수 있다. 바로 'Bash(배시)' bash는 'Bourne Again Shell'의 줄임말로, 스티브 본(Steve Bourne)이라는 사람이 개발한 최초의 유닉스 '쉘 프로그램'인 sh의 확장판이라는 의미를 담고 있다. 스티브 본이라는 이름에서 '본'을 따와 bash의 'b'를.. 2021. 6. 11.
웹 / 페이스북 좋아요 기능 웹 사이트 만들기(2) - DB에 있는 데이터를 활용해 클라이언트에게 시각화하기 내용이 길 것 같아, 게시글을 나누어 프로젝트를 진행해보겠다. 개발환경 설정 및 데이터베이스(DB) 준비는 아래 참고 ▼ 페이스북 좋아요 기능 웹 사이트 만들기(1) - 개발환경 설정 및 크롤링을 통한 데이터베이스(DB) 준비 기본 틀 웹페이지의 모습이다. 디자인 부분에 있어서 조금 허접(?)한 느낌이 있지만 좋아요나 없애기 등, 필요한 기능에 대해서는 충실한 편이다. 웹 페이지 HTML 기본 틀 index.html 파일 / My favorite actor . HTML 기본 틀 코드 My Favorite Actor🙈 내가 좋아하는 배우 순위♥ 문채원 (좋아요: 1004) 오늘의 연애(영화제목) 좋아요 없애기 해당 프로젝트에서는 app.py 파일에서 서버와 API를 제공하고, 데이터베이스(DB)를 활용할 .. 2021. 6. 10.
웹 / 페이스북 좋아요 기능 웹 사이트 만들기(1) - 개발환경 설정 및 크롤링을 통한 데이터베이스(DB) 준비 오늘 할 프로젝트 이번에 할 프로젝트는 영화 유명 배우들의 프로필을 만들고 우리가 좋아요를 누르거나 싫어요, 삭제를 누르는 등의 평가를 할 수 있는 예를 들면 페이스북 좋아요 기능(?) 비슷한 것을 구현해보고자 한다. 새 프로젝트를 만들어준다. 매일 색칠을 해서 가리는 부분은... 개인정보라 이해해주길 바란다. 새 프로젝트가 생성되었다면 아래와 같이 static 폴더, templates 폴더, index.html 파일, app.py 파일을 만들어준다. static 폴더에는 CSS나 이미지 파일들을 담아둘 때 사용할 것이다. 그리고 templates 폴더에는 HTML 파일들을 담아둘 때 사용할 것이다. 그리고 서버로 활용할 app.py 파일 templates 폴더에 index.html 파일 그리고 라이브러.. 2021. 6. 8.
가비아(gabia) 도메인 등록/ 500원에 도메인 만들고 등록하기/ 도메인 등록 대행 서비스/ 도메인 500원 이벤트 우선 설명 전에 현재 가비아(gabia)에서 도메인을 무려 550원에 등록할 수 있도록 이벤트를 하고 있다! !!! 가비아(gabia)를 사용하기 전에 가비아가 무엇인지 부터 알아보자. 가비아(gabia)란? 가비아(gabia)란 이전과 같이 설치해야 하는 프로그램이 아니라, 판교에 있는 클라우드 기업이다. 네이버의 힘을 빌려보자. 요약을 보면 '도메인 등록 대행 및 서버 호스팅을 주력 사업으로 하는 정보기술(IT) 업체'라고 한다. 가비아(gabia)에 대해서 알아봤는데, 우리가 가비아에서 사용하고자 하는 것은 '도메인'이다. 가비아를 통해 도메인을 등록하면 가비아에서 대행으로 등록해주는 것이다. 그럼 여기서 도메인(domain)이란? 숫자로 이루어진 인터넷상의 컴퓨터 주소를 알기 쉬운 영문으로 표현한.. 2021. 6. 8.
파일질라(FileZilla) 설치하기/ FTP 프로그램 추천/ FTP란 무엇인가?/ 파일질라 설치 방법 파일질라(FileZilla)를 다운로드 받기 전에, 파일질라가 무엇인지부터 알아보자. 파일질라(FileZilla)란? 파일 질라는 쉽게 말해 'FTP 프로그램'이다. 개인 컴퓨터와 웹 사이트(웹 서버)간에 파일 전송 프로그램이다. 여기서 말하는 FTP(File Transfer Protocol)이란? 네이버의 도움을 받자. 쉽게 말하면 '파일 전송'을 지원하는 프로그램이나 방법을 지칭한다. 파일질라는 '오픈 소스 크로스 플랫폼의 자유로운 소프트웨어인 FTP 소프트웨어'이다. 윈도우, MacOS, 리눅스로 FTP, SFTP, FTPS (SSL/TLS 위에서의 FTP)를 지원한다. FileZilla 다운로드 받기 다운받으려면 아래 링크 클릭 ▼ https://filezilla-project.org/downlo.. 2021. 6. 7.
웹 / 쇼핑몰 서버와 데이터베이스(DB) 관리하기/ 쇼핑몰 주문자 정보 관리하기/ 웹 쇼핑몰 만들어보기 이번 글에서는 쇼핑몰에서 클라이언트가 주문한 내용을 데이터베이스에 저장하고, 다시 클라이언트에게 보여주는 것을 해볼 것이다. 그 전에 쇼핑몰에 대한 기본 틀이 있어야 한다. 직접 만들어도 좋지만 예전에 만들어둔 것이 있다. 쇼핑몰 기본 틀 가져오기/ 아래 클릭▼ 웹 / 쇼핑몰 기능 추가하기 / Ajax와 jQuery로 쇼핑몰에 환율추가 해보기/ 환율 API 활용한 쇼핑몰 웹 / 쇼핑몰 기능 추가하기 / Ajax와 jQuery로 쇼핑몰에 환율추가 해보기/ 환율 API 활용한 쇼핑몰 이전에 HTML, CSS, JavaScript에 요소들로만 제작하였던 웹 쇼핑몰(?) 비스무리한 것을 다시 한번 더 활용해보고자 한다. HTML, CSS, JavaScript와 함께 이전 글에서 쭉 다뤄왔던 Ajax와 jQuer.. 2021. 6. 7.

티스토리툴바