본문 바로가기

분류 전체보기188

웹서버 / AWS 포트 개방/ 리눅스 환경 Flask 프레임워크, pymongo 설치/ AWS에서 구입한 인스턴스 포트포워딩 이 글을 보기 전에 웹 서버 컴퓨터의 개발환경을 세팅해주어야 한다. 이유는, 그래야 이번 글에서 몽고DB 데이터베이스를 다루고 pip나 python 명령어가 이전에 세팅해준 것으로 다룰 것이기 때문이다. 세팅은 이전 글에서 하고 오자 ▼ 리눅스 환경의 서버 컴퓨터 개발환경 세팅하기/ 서버 환경 명령어 통일하기/ pip, mongoDB, 시간 동기화, python3 웹서버 / 리눅스 환경의 서버 컴퓨터 개발환경 세팅하기/ 서버 환경 명령어 통일하기/ 환경설정 우선 파일질라(FileZilla) 프로그램을 켜서, 서버 컴퓨터에 접속을 한다. 접속하는 부분은 이전 글을 참고해서, 거기까지 완료하고 이 글을 보도록 하자 아래 참고 ▼ 파일질라(Filezilla)로 서버 접속 parkjh7764.tistory.co.. 2021. 6. 19.
[HTML] 웹페이지 콘텐츠 섹션(section) 나누기/ 콘텐츠 판별을 위한 태그(tag)/ 태그로 콘텐츠 틀 잡기 웹 페이지를 만들 때 섹션(section, 구획)을 나눠야 한다. 예를 들면 네이버의 모바일 화면을 살펴보자. 네이버가 검색엔진이다 보니, 검색을 하는 부분이 가장 중요해 '검색어를 입력해주세요'를 가장 우선적으로 두었고, 맨 아래에 이용약관, 개인정보처리방침, 고객센터 등 사용자가 잘 이용하지 않는 부분은 맨아래(footer)로 작게 두었다. 우선순위에 따라 콘텐츠들을 다르게 배치하였고 해당 콘텐츠 요소들마다 섹션(section)이 나눠진 것을 볼 수 있다 ! 네이버의 화면을 HTML 태그로 단순하게 표현을 하면 아래와 같이 나타낼 수가 있다. 영어로 적힌 부분은 HTML에서 사용할 수 있는 '태그(tag)'이다. 콘텐츠들의 섹션(section)을 나누는 태그(tag)들에 대해서 알아보도록 하겠다. 제.. 2021. 6. 18.
[웹기초] 브라우저란 무엇인가, HTML이란, CSS란, JavaScript란 무엇인가/ 웹개발 기초부터 공부 기본기를 갖추지 못 하면 나중에 어려운 문제에 직면했을 때 무너질 가능성이 크기에 이제부터는 정말.. 우리가 흔히 사용하는 브라우저가 무엇이고.. 등등 기초부터 차근차근 공부해 가보도록 하겠습니다. 우리가 사용하는 크롬, 인터넷 익스플로러, 사파리 등을 뜻하는 '브라우저'는 무엇일까? 브라우저에는 아래와 같은 종류가 있다. 여기서 1개 이상은 사용해보았을 것이다. '브라우저(Browser)'란 무엇인가? 브라우저는 간단히 말하면 '웹 정보를 화면에 표시하는 소프트웨어'를 말한다. Browse 는 둘러보다, 훑어보다, 인터넷을 돌아다니다라는 뜻을 가지고 있는 영어단어로, 브라우저가 무엇인지 영어 해석으로 조금 유추해볼 수 있을 것 같다. 조금 더 깊게 들어가면 브라우저는 인터넷 상에 연결된 '웹 서버'에 .. 2021. 6. 17.
깃허브(GitHub) 쉬운 설치/ 회원가입부터 초보자 눈높이에 맞춘 깃허브 설치/ 깃 허브(GitHub) 무엇인가? 개념부터 이해하기/ 분산 버전 관리시스템(DVCS) 오늘은 개발자라든가, IT 분야에 관심을 가지고 있는 분이라면 한 번쯤 들어봤을 법한 깃 허브(GitHub)를 알아보고, 다운로드도 받아보겠다. 그 전에 깃 허브(GitHub), 허브라는 단어는 어디서 많이 들어봤지 않은가? 그렇다면 깃(Git)은 무엇일까? 깃(Git)이란? 소스코드 관리를 위한 '분산 버전 관리 시스템(VCS)'를 말한다. 그렇다면 버전 관리 시스템(VCS)란 무엇인가? 이름에서 알 수 있듯이 파일들의 '버전'을 관리하기 위한 시스템으로 개발 도중에 발생하는 문제들을 해결하고자, 개발 중인 파일들의 변경 사항들을 저장한다. 코드를 추가하거나 수정할 때마다 변경 사항이 저장되기 때문에 저장했던 과거의 어떤 시점으로 되돌릴 수 있어 오류가 발생하면 복구가 가능하다는 장점이 있다. 또한 소.. 2021. 6. 16.
웹서버 / 리눅스 환경의 서버 컴퓨터 개발환경 세팅하기/ 서버 환경 명령어 통일하기/ 환경설정 쉘 명령어/ pip, mongoDB, 시간 동기화, python3 우선 파일질라(FileZilla) 프로그램을 켜서, 서버 컴퓨터에 접속을 한다. 접속하는 부분은 이전 글을 참고해서, 거기까지 완료하고 이 글을 보도록 하자 아래 참고 ▼ 파일질라(Filezilla)로 서버 접속하기/ 서버에 파일 전송해 서버 컴퓨터로 파일 실행시켜보기 웹 / 파일질라(Filezilla)로 서버 접속하기/ 서버에 파일 전송해 서버 컴퓨터로 파일 실행시켜보기 파일질라(FileZilla)라는 FTP 프로그램을 통해 가상 컴퓨터, 즉 만들어둔 서버(server) 컴퓨터에 파일을 전송하고, 서버 컴퓨터에서 파일을 실행하는 과정을 해보자. FileZilla가 내 컴퓨터에 설치가 안 parkjh7764.tistory.com 이번 글에서 할 것은 서버 컴퓨터의 개발 환경을 세팅할 것이다! 이유는 우리.. 2021. 6. 15.
브레이브(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.

티스토리툴바