본문 바로가기

전체 글

 (123)
변수와 타입 변수란? 상자를 상자라고 부르기로 약속한것처럼 변수란 데이터에 이름을 붙여서 구분하는데 그 이름을 변수라고 합니다 데이터는 보관함이고(메모리) 각 보관함의 이름이 변수라고 생각하면 편합니다 프로그래밍에서는 이 변수를가지고 데이터를 활용합니다 보관함(저장공간)을 확보하는 방법은 let 과 const와 var가 있습니다 let age; 라고 하면 메모리에(저장공간)에 age라는 이름으로(변수) 메모리를 확보합니다 이과정이 메모리에 데이터를 저장할 공간을 확보한것 이고 이것을 변수 선언이라고 합니다 저장할 공간인 age라는 변수에 데이터 12 를 저장하려면 변수이름 = 데이터를 하면 됩니다 age = 12; 타입 타입에는여러가지가 있습니다 변수 타입을 확인하는 방법으로는 typeof가 있습니다 함수도 타입중 ..
코드스테이츠 Section1을 마치고서 회고 코드스테이츠 부트캠프 Section 1을 마쳤다. 2022년 8월 19일 ~ 9월 19일 동안 진행된 교육이었다 유닛 1 ~12까지의 교육과정이었다 유닛 1에서는 학습전략과 마인드 셋에 대한 내용이었고 유닛 2~3에서는 자바스크립트의 기본문법에 대해 배웠다 유닛 4~6에서는 html과 css를 배웠고 간단한 계산기 목업 같은 것도 만들어보았다 유닛 7에서는 계산기 목업을 만든 것을 실제로 동작 할 수 있도록 자바스크립트를 추가하여 계산기가 실제로 동작하도록 했다 유닛 8에서는 리눅스와 git, node.js를 설치하는 시간이었다 유닛 9~10에서는 배열, 객체, 원시, 참조 자료형, 스코프, 클로저, ES6문법등등을 배웠다 유닛 11에서는 DOM과 이벤트 객체에 대해 배웠고 나만의 아고라스테이츠라는..
Block vs lnline html 의 태그들은 Block요소와 lnline요소가 있다 블록요소들은 한 영역을 차지하는 박스형태이고 width(너비)값이 자동으로 100%으로 설정됩니다 block은 height와 width 값을 지정 할 수 있다. block은 margin과 padding을 지정 할 수 있다 인라인요소들은 컨텐츠의 width와 height를 명시 할 수 없다. margin은 위아래엔 적용 되지 않는다. padding은 좌우는 공간과 시각적인 부분이 모두 적용 되지만 위아래는 시각적으로는 추가되지만 공간을 차지 하지는 않는다 block 요소 inline 요소 예시 인라인 요소인 span사용했을때 블럭레벨 요소인 div사용했을때 결과 인라인 요소인 span이 차지하는 영역 높이와 너비는 컨텐츠만큼(파란색 점선)이고 블..
html 태그 box 와 item html 태그를 종류별로 나눈다고 할때 box와 item으로 나눌 수 있다 box는 box나 item태그를 비슷한것 끼리 묶어서 정리하는 용도로 쓰인다 item은 사용자에게 직접 보여지는 태그들이다 button이나 img등등 사용자들이 버튼을 클릭하거나 이미지를 눈으로 본다던가 하는등 사용자와 상호작용을 할 수 있는 태그들이다 예시 회원가입
파이썬 cron으로 정기적으로 프로그램 실행하기 macOS와 리눅스에서는 cron이라는 데몬 프로세스로 정기적으로 프로그램을 백그라운드에서 실행 할 수 있습니다 윈도우에서는 비슷한 기능으론 작업스케줄러가((Task Scheduler) 있습니다 ​ 정기 실행은 1)로그, 백업과 같은 시스템에서 필요한 정기적인 처리나 2)데이터 수집과 같은 애플리케이션에서 필요한 정기적 처리 3)시스템이 제대로 동작하고 있는지 정지적으로 감시하는 처리 ​ 등등 정기적으로 처리할 일에 적합합니다 ​ 네이버에서 제공하는 환율정보를 정기적으로 날짜별로 저장하는 프로그램을 만들어보겠습니다 (저번에 만들어놓은 코드에서 개량을 하겠습니다) https://leejoongwon.tistory.com/66 2)파이썬 크롤링으로 네이버 환율,금 시세,유가,증시 등등 정보 추출하기(Beau..
5) 파이썬 API으로 전세계 날씨정보 얻기 HTML 삽입 미리보기할 수 없는 소스 import requests import json -> 파이썬의 requests ,json 모듈을 사용합니다 ​ 전세계의 날씨정보를 API로 제공하는 사이트입니다 (회원가입 필요) https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap APIs Call our easy-to-use APIs to get weather data for any coordinates current weather (current) hourly forecast (4 days) daily forecast (16 days) climatic forecast (30 days) historical weather (1 mont..
4)파이썬 크롤링으로 페이지내 모든 정보를 얻기 1,2,3보다 좀더 심화된 내용입니다 어떤 페이지내에서 하위페이지를 포함하여 사진,파일등등을 추출합니다 파이썬, beautifulsoup 라이브러리 사용합니다 HTML 삽입 미리보기할 수 없는 소스 목표 ---------------------------------------------------------------------------------------------------- 정보를 얻고자 하는 페이지 내 링크,사진등등 모든 정보를 수집합니다 ​ 재귀적으로 html 페이지를 처리합니다 1) html을 분석합니다 2) 링크를 추출합니다 3) 파일을 다운받습니다 4) 파일이 html이라면 재귀적으로 1)으로 돌아가서 순서를 다시 실행합니다 ​ ​ 설명 ----------------------------..
JavaScript의 배열 배열은 다른 프로그래밍 언어에서 배운것과 차이는 없었다 코드스테이츠 부트캠프의 배열 챕터는 알고있는 내용과 크게 다르지 않아서 복습하는 의미가 크다 일딴 배열의 특징으로는 배열의 특징은 인덱스(index)로 배열안의 요소를 찾아내거나 변경할 수 있는 특징이 있고 length 속성을 사용하면 배열의 길이를 알 수 있다 위의 내용은 대부분의 프로그래밍 언어에서 가지는 배열의 공통된 특징같았다 (적어도 내가 배운 언어에서는 모두 일치했다) 몰랐던 부분은 내장함수부분이였는데 아무래도 언어마다 내장함수가 다르고 같은 기능을 하더라도 이름이 달라서 이 부분을 집중적으로 공부를 하였다 배열에서 사용하는 내장함수로는 split(), join(), slice(), splice(), Array.isArray(), push..
3)파이썬 크롤링으로 뉴스정보 수집하기(Beautifulsoup - select) HTML 삽입 미리보기할 수 없는 소스 파이썬, beautifulsoup 라이브러리 사용합니다 beautifulsoup의 select을 사용합니다 - 리스트형 (다량의 자료) 설명 ---------------------------------------------------------------------------------------------------- from bs4 import BeautifulSoup -> BeautifulSoup 라이브러리를 사용합니다 (HTML 및 XML 문서 를 구문 분석하기위한 Python 패키지입니다) - 설치는 터미널에서(우분투 리눅스 기준) pip3 install beautifulsoup4 ​ ----------------------------------------..
HTML의 태그(속성)들 HTML은 HyperText Markup Language의 약자입니다. 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. HTML 태그는 태그 이름을 꺾쇠 괄호()로 감싸서 표현합니다. HTML에는 태그마다 의미하는 뜻이 있습니다 HTML 삽입 미리보기할 수 없는 소스 #문법 1. // 시작 태그 2. // 종료 태그 몇몇 태그들은 시작태그만 있고 종료태그가 없는 경우가 있습니다 ex) 등등 HTML 삽입 미리보기할 수 없는 소스 # 설명 이란? = 이 문서가 html 문서임을 명시해 줍니다 HTML 삽입 미리보기할 수 없는 소스 이란? = html 시작 태그로 문서 전체의 틀을 구성합니다 에서 lang 는..

티스토리툴바