김숭늉 마음대로

pymongo 데이터베이스 다루기 1. pymongo 기본 작성 템플릿 from pymongo import MongoClient # Connection String을 사용하여 MongoClient 생성 client = MongoClient('여기에 mongodb 본인 URL 입력') # 데이터베이스 선택 db = client.dbsparta 1-1) pymongo 보안설정 추가 기본 템플릿 인터넷 환경에 따라 보안 설정이 필요한경우 certifi 패키지 설치후 아래코드 작성 from pymongo import MongoClient import certifi ca = certifi.where() client = MongoClient('여기에 mongodb 본인 URL 입력', tlsCAFile=ca) db..

크롤링 하는 방법 정리 1. 크롤링을 위한 파이썬 패키지 설지 pip install requests pip install beautifulsoup4 먼저 웹에서 크롤링을 하려면 파이썬 외부 패키지 BeautifulSoup과 requests 라이브러리가 필요하니 설치 ❓만약에 실제회사 / 내가설치한패키지 다를경우? 그래서 프로젝트 별로 라이브러리를 모아둘수 있게 하는 가상환경 venv가 존재하는것! 2. requests 기본 셋팅 (api 형식) import requests # 예시 URL로 GET 요청을 보냄 url = 'url 여기에 작성하기' r = requests.get(url) # 응답 데이터를 JSON 형식으로 파싱하여 변수에 할당 rjson = r.json() # rjson 변수에는 파이썬 데..

컴파일러 언어(compiled language)언어란? 코드 실행전에 소스코드 전부를 기계어(기계어란 컴퓨터의 CPU에서 직접 처리할수 있는 언어로 2진화된 숫자(2진법)으로 이루어짐)로 변환한 후 컴퓨터 내부에서 바로 실행된다. 따라서 컴파일 단계와 실행단계가 분리 되어있으며 컴파일단계를 거친 이후에는 실행할수 있는 준비가 된것이므로, 실행단계에서 실행속도가 빠르다. 여기에 해당되는 대표적인 언어로는 C, C++, Rust가 있다. 인터프리터 언어과 비교하여 두드러지는 장점은 실행속도면에서 우위에 있기때문에 성능이 중요한 게임개발, 프로그램 개발에 사용된다. 인터프리터 언어(interpreter language)란? 소스를 한줄 한줄씩 읽고 해석하여 즉시 실행되는 것을 의미한다. 여기에 해당되는 대표적..

파일질라 사용법과 FTP의 의미에 대해 정리를 정말 깔끔하게 한 티스토리 블로그를 발견하여 정리 총 세편의 글이며, 아래 출처를 참고하시면 좋을것 같다. https://donggukice.tistory.com/3?category=838206 파일질라 사용법(1편) 교수님의 소개를 통해 한 기업의 웹 사이트를 유지 보수하는 작업을 진행 중입니다. 개인적으로 웹을 공부하고 나서 공부한 내용을 실무에 사용한다는 생각에 매우 설레는 마음으로 시작했는데 donggukice.tistory.com https://donggukice.tistory.com/4?category=838206 파일질라 사용법(2편 : 다운로드) 저번에 파일 질라 사용법 1편에서는 작동 원리 이해에 도움이 될 수 있는 FTP에 대하여 설명드렸었..

html에서 테이블(표) 작성시 참고! 1) tr : "table row"의 약어로, 표(table)에서 한 행 2) th: "table header"의 약어로, 표의 헤더 셀을 나타냅니다. 주로 표의 열이나 행에 대한 레이블을 제공하는 데 사용됩니다. 3) td: "table data"의 약어로, 표의 일반 데이터 셀을 나타냅니다. 표의 각 셀에 실제 데이터를 담고 있습니다. 행 1 데이터 1 데이터 2 행 2 데이터 3 데이터 4 열 1 열 2 데이터 1 데이터 2

할일 관리앱 기초 버전입니다. (to do list 기초버전) 할일 목록 추가 // 할일 목록을 저장할 배열 let tasks = []; // DOM 요소 가져오기 const taskList = document.getElementById("task-list"); //ul const newTaskInput = document.getElementById("new-task"); //input 영역 // 할일 추가 함수 function addTask() { // 입력된 할일 텍스트 가져오기 const taskText = newTaskInput.value; // 입력된 텍스트가 공백이 아닌 경우에만 실행 if (taskText.trim() !== "") { //trim은 좌/우측 공백 trim하는 함수 // 새로..

express JS란? 그럼 Node JS에서 기생하는 express js! Node JS를 쉽고 간편하게 실행하기 위한 타사 패키지입니다. 웹 개발에서 아주 널리 사용합니다. 노드제이에서 고급 웹개발에서는 에서는 타사 패키지를 사용하는것이 일반적임 설치시작 이 익스프레스 라이브러리를 설치하기위해서는 npm (라이브러리설치도구) 명령을 시작해야함 터미널을 다시 새로 열고 npm init 엔트리 입력 (프로젝트 파일에 실행) -> 그다음 모두 엔터하기 1) Sorry, name can no longer contain special characters ("~'!()*") ㄴ 위와 같은 메시지가 뜨면 폴더 이름은 대문자없이, 띄어쓰기 없는지 다시한번 체크 필요합니다. 2) 엔트리 포인트만 내가 원하는 이름으로..

안녕하세요. 오늘도 김숭늉입니다. 이번글에서는 Node JS에 대해 알아보겠습니다. 레쓰고~ Node JS란? 원래는 html에서 작은 기능 역할을 하던것이 자바스크립트 였으나, 이 자바스크립트라는 프로그래밍 언어를 발전시키고 업데이트 시켜서 만든것이 바로 Node JS이다. 즉 브라우저 말고 다른 환경에서도 실행하기 위한 실행창 혹은 실행 환경이다. (이를 통해 브라우저 외부의 자바스크립트를 실행함) 그렇다면 Node JS를 통해서 서버를 만드는 이유는 뭘까? 첫번째는 코드가 짧고 쉽다. 따라서 프로토타입을 만들기 아주 좋다 (피벗팅 하기 아주 좋음) 그리고, 두번째는 Non-blocking I/O이다 (요청이 다수일때 가장 처리속도가 빠른것부터 먼저 처리해서 보내고, 오래 걸리는 요청건은 제껴두는 방..

안녕하세요. 오늘도 김숭늉입니다. 이번글에서는 시차효과(Parallax effect)에 대해 알아보겠습니다. 그럼 바로 본론으로 레쓰고~ 시차효과(Parallax effect)효과 란? Parallax는 천문학에서 사용되는 단어인데요, 멀리있는 물체는 상대적으로 천천히 움직이게되고, 더 가까운 물체는 빨리 움직이는 현상을 의미합니다. 이런 현상을 이용하여 웹사이트를 디자인 한다면 좀더 동적인 느낌이 있도록 디자인을 할수 있습니다. 그럼 시차효과를 웹사이트에 적용하려면? 아주아주 간단한 방법이 있습니다. 바로 simpleparallax.com에 접속한후 코드를 복붙해주시면 됩니다! 너무 쉽죠? 아래 url을 클릭해주셔요! https://simpleparallax.com/ simpleParallax.js -..

안녕하세요. 오늘도 김숭늉입니다. 100일 코딩 챌린지 45일차입니다. 그럼 바로 본론으로 들어가보시죠 레쓰고~ 프론트엔드의 프레임워크(=라이브러리)란? 영어로는 타사 패키지(Third Party Packages)작업 이라고도 부릅니다. 간단한 코드 패키지나 코드파일이라고 생각하시면되는데, 제 3자가 작성을 한 후 전 세계의 web을 통하여 배포되어 개인의 프로젝트에 추가하거나 참고 할수 있습니다. 이러한 라이브러리에는 아주 많은 기능이 내장되어있고, HTML 요소에 직접 작성하지 않고 특정모양 레이아웃구조등을 얻을 수 있어요. 즉 html, css, 자바스크립트 코드를 일일이 작성하지 않아도 되니 모든 시간을 절약할수 있고, 효율의 끝판왕을 느끼실수 있는거죠. (프레임워크 없이 모든 css와 html을..