본문 바로가기

분류 전체보기188

Visual Studio Code 쉬운 설치/ VSCode 코드 편집기 추천 및 설치/ Vscode 한글 설정방법 / VSCode 코드 확대축소 하는방법/ VSCode란? / 프로그래밍 에디터 추천 Visual Studio Code란? 윈도우(Windows), 맥(Mac OS), 리눅스(Linux) 운영체제 모두에서 사용 가능한 에디터로 쉽게 말하면 '소스 코드 편집기'이다. 이는 Microsoft(MS)에서 개발하였다. 또한 유료인 Visual Studio와 달리 무료로 개인, 기업 누구나 사용 가능하다. 더욱 자세히는 Atom 에디터에 사용된 '일렉트론(Electron)'이란 프레임워크 기반으로 만들어졌다. (※일렉트론은 Node.js와 크로미움을 사용하여 깃허브에서 개발한 GUI 프레임 워크이다.) Visual Studio Code는 Visual Studio와 다르게 IDE가 아니므로, 빌더가 내장되어 있지 않아 비쥬얼스튜디오 코드에서 빌드를 하려면 별도의 컴파일 환경을 구축해야만 한다. Vi.. 2021. 5. 28.
웹 / 나만의 영화저장 웹 만들기 / 영화 OpenAPI / Ajax와 jQuery를 활용한 예제/ 영화 API 활용한 웹 개발 웹 / 제이쿼리(jQuery)란 무엇인가/유용한공부사이트/함께해보는예제/쉬운설명/ w3schools 웹 / 제이쿼리(jQuery)란 무엇인가/유용한공부사이트/함께해보는예제/쉬운설명/ w3schools 다음은 자바스크립트보다 더욱 간결하게 웹 기능을 사용할 수 있는 '제이쿼리(jQuery)'에 대해 알아볼 것이다. jQuery 란 무엇인가? 제이쿼리는 '경량의 JavaScript 라이브러리'라고도 한다. 기존과 다 parkjh7764.tistory.com 이번에는 이전 글에서 잠깐 포스팅했던 골격을 활용할 것이다. 이전에는 '포스팅박스 닫기' 버튼을 누르면 아래의 URL 과 기사 내용을 입력하는 부분이 사라지는 것을 연습했다면 이번에는 그 아래, 포스트들을 이전부터 다뤘던 jQuery와 Ajax를 통해 다.. 2021. 5. 26.
Robo 3T 쉬운 설치/ MongoDB 편리하게 작업하는 Robo 3T/ Robo 3T 다운로드/ Robo 3T란 Robo 3T란? 'Robo 3T'라는 프로그램은 이전 글에서 다룬 MongoDB의 유용성을 더해주는 프로그램이다. MongoDB만을 다루기 위해서는 '명령 프롬프트(cmd)'와 같은 터미널 환경에서 사용을 해야 하는데, Robo 3T 프로그램을 사용하게 되면 MongoDB를 그래픽 유저 인터페이스(GUI) 위에서 편하게 조회할 수 있도록 디자인(?)을 입혀주는 프로그램이다. 그러니 이전 글에서 MongoDB를 다운 받은 후에! 해당 Robo 3T를 다운받자. Robo 3T 설치 사이트 주소 https://robomongo.org/download Robomongo Robo 3T: the hobbyist GUI Robo 3T 1.4 brings support for MongoDB 4.2, and a mon.. 2021. 5. 24.
mongoDB(몽고DB) 쉬운 설치/ mongoDB 환경변수 설정까지/ mongoDB란/ mongoDB 다운로드 mongoDB 란? 문서지향(Document-Oriented) 저장소를 제공하는 NoSQL 데이터베이스 시스템이다. 몽고 DB는 가장 인기있는 데이터베이스 관리 시스템이다. mongoDB의 특징은? 1. 모든 데이터가 JSON 형태로 저장되며 스키마가 없어 각 필드는 서로 다른 데이터 타입을 가질 수 있다. 2. 다양한 종류의 쿼리문(정렬, 수집, 필터링, 정규표현식 등)을 지원한다. 3. join을 사용하지 않아도 되며, 강력한 인덱스 기능을 지원하여 모든 쿼리를 빠르게 처리할 수 있다. 등등... mongoDB 다운로드 받기 mongoDB 윈도우(Windows)에 다운 받기 위해서 사전 작업이 필요하다. 사전작업 우선 내PC or 내 컴퓨터에 C드라이브로 들어간다. data 폴더를 생성하고 그 안에 .. 2021. 5. 24.
파이썬(Python) 쉬운설치 / Python(파이썬) IDE / 파이썬 기본프로그램 / 파이썬이란 / 파이썬 다운로드 링크 파이썬(Python) 이란? 파이썬(Python)이란, 암스테르담의 귀도 반 로섬(Guido Van Rossum)이란 사람이 1990년에 개발한 인터프리터 언어이다. 파이썬으로 개발한 프로그램은 공동 작업과 유지 보수가 매우 쉽고 편하여 파이썬을 사용해 프로그램을 개발하는 업체들이 늘어 가고 있는 추세이다. 예로는 구글SW, 인스타그램, 드롭박스 등이 있다. 파이썬의 특징을 간단히 말하면 문법이 쉬워 배우기가 쉽고, 무료이지만 강력하면서도 간결하다는 것이다. 파이썬(Python) 다운로드 링크 https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org 위.. 2021. 5. 24.
웹 / 쇼핑몰 기능 추가하기 / Ajax와 jQuery로 쇼핑몰에 환율추가 해보기/ 환율 API 활용한 쇼핑몰 이전에 HTML, CSS, JavaScript에 요소들로만 제작하였던 웹 쇼핑몰(?) 비스무리한 것을 다시 한번 더 활용해보고자 한다. HTML, CSS, JavaScript와 함께 이전 글에서 쭉 다뤄왔던 Ajax와 jQuery를 사용해서 쇼핑몰에 기능을 추가하고자 한다. 이전에 간단하게 제작하였던 웹 쇼핑몰 주문 부분에 대한 코드 전부를 맨 아래에 첨부해놓겠다. 아직 미숙한 부분이 많아 불필요한 코드 부분이 있을 가능성이 있으니 복사해서 사용하시는 분은 효율적으로 고쳐서 써보면 좋을 것 같다. 혹시나 못 본 분들을 위해 이전 글에 어떤 방식으로 제작을 해보았는지 참고하면 좋을 것 같다. 웹 / 처음 제작해보는 나만의 웹 쇼핑몰 사이트 - HTML CSS JS / 자세한 설명 웹 / 처음 제작해보는 나.. 2021. 5. 22.
웹 / jQuery와 Ajax 예제 연습/ 고양이 사진 API 랜덤으로 바뀌는/ 강아지 사진 API/ OpenAPI/ 쉬운 예제와 설명 이번에 활용할 API에서는 고양이 사진을 데이터로 주는 API를 활용하는 것이다. 여기서 특이한 점은 해당 API에서 고양이 사진을 랜덤으로 준다. 이를 활용해볼 것이다. 아래의 구조는 API URL을 타고 들어가면 볼 수 있는 구조인데 이전에 다뤘던 API와 다른 점은 여러 개의 딕셔너리가 아니라 리스트 형태로 넘어온다. 그렇기 때문에 사진 주소를 활용하기 위해서는 API 주소는 아래에 첨부해 놓았다. 취향에 따라 고양이, 강아지를 선택하여 활용해보면 좋을 듯하다. 고양이 사진을 랜덤으로 주는 API API URL : https://api.thecatapi.com/v1/images/search 강아지 사진을 랜덤으로 주는 API https://api.thedogapi.com/v1/images/searc.. 2021. 5. 22.
웹 / jQuery와 Ajax 예제 연습/ 따릉이 API 활용해보기/ 서울시 OpenAPI/ 쉬운 예제와 설명 이전 글들에서 다뤘던 jQuery와 Ajax를 사용해보자. 이번에는 서울시에서 사용되고 있는 공유 자전거 '따릉이' API를 활용해 연습을 해볼 것이다. url : 서울시 열린 데이터 광장 / 공공자전거 실시간 정보 http://data.seoul.go.kr/dataList/OA-15493/A/1/datasetView.do 서울특별시 공공자전거 실시간 대여정보 서울특별시 공공자전거 실시간 대여정보입니다. 대여소별 실시간 자전거 대여가능 건수, 거치율, 대여소 위치정보를 제공합니다. 호출시 시스템 부하로 한번에 최대 1,000건를 초과할수 data.seoul.go.kr 위의 주소로 들어가게 되면 '서울 열린 데이터 광장' 사이트가 열린다. 서울특별시 공공자전거인 '따릉이'의 OpenAPI를 가져올 수 있다.. 2021. 5. 22.
웹 / Ajax란? / Ajax를 이용한 미세먼지 API 이용해보기 / Ajax 동작방식/동기 비동기 방식 차이점/ 실습 예제 AJAX란? ( Asynchronous JavaScript and XML ) 자바스크립트를 사용한 '비동기적' 통신을 뜻하며 서버와 클라이언트 간의 XML 데이터를 주고 받는 데 사용한다. 비동기란? 여러 가지 일이 동시적으로 발생한다는 뜻이다. 동기 방식과는 다르게 업무를 처리 하는 중에 다른 업무를 처리할 수가 있다. 통신을 위해 서버에 데이터를 요청을 하는데, 요청 한 후에 멈추어 있는 것이 아니라 프로그램은 계속적으로 작동하고 있는 것이다. AJAX 동작 방식 AJAX를 활용해 클라이언트와 서버가 통신을 한다. 동작 방식에는 서버로부터 데이터를 가져오는 "GET" 요청 방식 서버에 데이터를 등록하는 "POST" 요청 방식이 있다. AJAX의 GET 방식과 POST 방식을 활용하여 클라이언트에서 서.. 2021. 5. 20.

티스토리툴바