웹개발종합반 마무리 및 정리

이정기·2022년 10월 29일
0

TIL

목록 보기
5/71
post-thumbnail

스파르타코딩부트캠프 (왕초보)웹계발 종합반을 들으며 사용 했던 프로그램 및 언어 목록이다. 내가 무슨 프로그램을 사용하는지 복습도 할겸 글을 쓰며 정리해본다.


첫 시작 IDE 선택

PyCharm IDE

IDE(통합개발환경 : Integrated Development Environment) 은 PyCharm 을 썼다. PyCharm 은 JetBrains에서 개발한 IDE 이며, 우리에게 코딩을 훨씬 쉽게 할 수 있도록 간단하면서도 강력한 IDE 를 제공한다.난 VSCode 를 사용했는데, 스파르타코딩클럽에서 4개월 동안 PyCharm Professional 버전을 지원해줘서 맛볼 수 있었다. 프로그램을 실행할 때, 작은 창으로 팁을 제공해주어 좋았다. 그러한 팁들은 PyCharm 과 친해질 수 있도록 만들어주기 좋았지만, 읽진 않았다. 난 백수이므로 기간이 끝나면 VSCode로 갈 것이기 때문이다.

JetBrains

프로그램은 아니고 소프트웨어, 프로그래밍언어, 솔루션을 개발 및 공급하는 기업이다. 여기를 회원가입하고 PyCharm Professional 버전 4개월 무료 라이센스 코드를 받았다.


웹 만들기

HTML (Hypertext Markup Language)

프로그래밍 언어가 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다. 주로 뼈대라 비유한다.
HTML은 프로그래밍 언어인가? 라는 논쟁보다 중요한 것
논쟁은 언제나 재미있기에 한번 읽어보자.

CSS (Cascading Style Sheets)

HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어. 주로 꾸미기로 비유한다.

Google Fonts

무료이고, 웹폰트를 불러올 수 있는 방법도 제공하고, 코드도 제공한다. 예전에 구글폰트에 폰트가 다 맘에 안들어서 내가 좋아하는 폰트 다운받아서 웹폰트화 시키고, 파일질라에 넣었던 기억이 있는데 그런 삽질보다 간단하게 구글폰트에 있는 폰트와 협의점 찾아서 힘빼지 말자.

Javascript

웹 구성요소 중 하나이며, 클라이언트 단에서 웹 페이지가 동작하는 것을 담당한다. 웹 페이지도 만들 뿐 아니라, 웹 서버, 웹 애플리케이션, 모바일 앱, 게임도 만든다. 한 언어로 넓은 분야를 경험할 수 있어 내가 제일 좋아하는 언어이다. 심지어 오류에 대해 관대해서 융통성까지 좋게 보인다. 하지만 신뢰성이 떨어질 수 있으니 Javascirpt 대해 정확히 공부할 필요가 있다 생각한다.

JQuery

HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 라이브러리이다.

Bootstrap

반응형 웹페이지를 위한 무료 소프트웨어이며 HTML, CSS, JS 템플릿을 모아둔 프레임워크이다

JSON (JavaScript Object Notation)

데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 '형식' 이다. Key:Value 형태로 이루어져 있고, 이쁘게 보기위해 JSONView 를 설치했다.

Ajax (Asynchronous JavaScript And XML)

영어 그대로 '비동기 Javascript 와 XML' 을 말한다. 가장 큰 특징은 페에지 전체를 새로고침 하지 않고 함수가 실행되는 비동기성 통신방식이다. 나는 Ajax로 GET 과 POST 방식, Open API를 활용해서 실시간 따릉이현황, 미세먼지, 외부온도 등 을 실시간으로 웹에 표시했다.

API (Application Programming Interface)

응용프로그램에서 데이터를 주고 받기 위한 방법을 의미
데이터를 제공 받을 수 있을지에 대한 규격
출처 - steemit : API란 무엇인가?


Python 을 설치한다란?

pycharm 을 설치했는데 왜 python을 설치할까? 일종의 번역팩을 설치한다고 생각하면 된다. 컴퓨터는 101010001 과 같은 언어만 알아듣기 때문에 파이썬 문법으로 된 것을 101010001로 변환해줄 수 있도록, 번역 패키지를 설치하는 것

mongoDB Atlas

멀티 클라우드 데이터베이스 배포 업계 최고의 첨단 클라우드 데이터베이스 서비스

pymongo

Pymongo는 noSQL인 mongoDB를 다루기 위한 파이썬 라이브러리다. Flask 와 MongoDB를 연동하기 위해 필요한 툴이다. 연동하기 전 파이선 인터프린터에서 설치했다.

Flask

서버를 구동시켜주는 편한 코드 모음 프레임워크다. 서버 구동 전 파이선 인터프린터에서 설치했다.

requests

ajax와 유사하게 api 데이터를 추출할 때 해당 패키지를 사용하며, 파이썬에서 http를 호출하는 프로그램을 작성할 때 주로 사용한다. 크롤링할 때 사용된다.

dnspython

컴퓨터끼리 소통할 수 있도록 사람이 읽을 수 있는 도메인을 IP 주소로 변환해줍니다.
pymongo 로 데이터베이스를 조작할 때, 필요한 패키지다.


배포

Filezilla

FTP(File Transfer Protocol) 프로그램 중 하나로 파일 전송 프로그램이다. 개인 컴퓨터와 서버 컴퓨터 간에 파일을 전송하기 위해 사용했다.

gabia

도베인 배포 사이트이다. 원하는 메인 끝에 .shop 을 붙이면 550원 으로 할인해줘서 사용했다.

AWS

개인에게 클라우드 환경의 가상서버를 제공한다. 기본 사양의 서버(EC2)를 1년 동안 무료로 사용할 수 있어 채택했다.


마무리..

밑으로 갈 수록, 처음 접해본 부분이라 설명이 짧아진다. 내 지식에 자신감을 가졌을 때, 코멘트를 더 추가해야겠다.

출처
나무위키
MDN
스파르타코딩클럽

profile
Node.js 로 꿈을 꾸었다..

0개의 댓글