📊 분류 전체보기 277

ASP, PHP, JSP 가 무엇인지 모르겠는 사람들을 위해

ASP ASP는 비주얼 베이직을 기본으로 개발된 VBScript ( JavaScript에 대항하여 마이크로소프트사가 비주얼 베이직 언어를 기초로 만든 스크립트 언어이다 ) 를 HTML 문서에 직접 코딩하여 동적인 웹 페이지를 구현하는 기술이다. ASP는 HTML 페이지에 VBScript 의 소스를 내장한 프로그램이며, ASP 파일은 일반 텍스트 파일로 확장자는 asp이다. 현재의 시간을 출력하는 간단한 ASP 프로그램으로 태그 사이에 있는 부분이 VBScript 소스이다. 지금 시각은 입니다. PHP PHP는 하이퍼텍스트 전처리기를 의미하며, 다양하게 쓰이는 오픈 소스 일반 프로그래밍 언어의 일종이다. PHP의 원래 목적은 웹 개발에서 동적 웹 페이지를 빠르게 개발하기 위해 설계되었다. 웹 개발의 PHP..

TCP/IP 에 대하여

인터넷 응용 서비스 WWW 월드와이드웹(WWW)은 하이퍼텍스트 기반의 하이퍼미디어 정보를 인터넷의 HTTP(Hyper Text Transfer Protocol) 규약을 이용하여 저장, 공유하는 기술이다. 정보 구축 방법으로 하이퍼텍스트 자료들은 HTML이라는 언어를 통해 표현된다. 전자우편 SMTP(Simple Mail Transfer Protocol)라는 통신 규악을 사용한다. FTP FTP(File Transfer Protocol)는 파일을 인터넷상에서 주고 받는 서비스에 이용하는 프로토콜이다. 인터넷 동작 원리 TCP/IP 프로토콜 TCP/IP는 서로 다른 통신망, 서로 다른 통신 프로토콜을 이용하더라도 서로 통신할 수 있도록 개발된 통신 프로토콜이다. TCP/IP는 운영체제 유닉스에서 기본 프로토..

OSI 모델과 네트워크 장치

네트워크는 데이터를 송신하는 송신자와 수신하는 수신자 그리고 그 사이의 전송 매체로 이루어진다. 이들 송신자와 수신자의 데이터 전송은 그들 간의 전송 절차인 프로토콜에 따라 이루어진다. 프로토콜은 통신을 하는 두 개체 간에 데이터를 전송할 때 무엇을 어떻게 어떠한 방식으로 교신할 것이나를 정한 절차 또는 규약이다. 여기에는 메시지의 형식, 전달 방법, 교환 절차, 에러 시의 처리 방법 등이 포함된다. 이러한 프로토콜에는 TCP, IP, UDP, HTTP 등과 같이 여러 종류의 네트워크 프로토콜이 있다. 컴퓨터 네트워크의 역사 컴퓨터를 이용하여 네트워크를 구성한 역사는 그렇게 길지 않다. 1960년대에는 하나의 컴퓨터에 여러 개의 터미널을 연결한 초보적인 방식이 사용되었다. 1969년 미국 국방성에서는 미..

csv 파일을 이용해서 데이터 히스토그램 만들기

csv 파일이란 'comma - Separated Values' 의 약자로, 각각의 데이터 값을 콤마(,) 로 구분하는 파일 형식을 말해요. csv 파일에서 데이터를 읽어오려면 csv.reader() 라는 함수를 써서 데이터를 읽어올 수 있답니다 예를 들어 seoul.csv 라는 파일을 읽어온다면 코드를 이렇게 작성해볼 수 있습니다. import csv //csv 파일을 사용하려면 import를 해주어야 합니다 f = open('seoul.csv') data = csv.reader(f) //csv 파일에서 데이터를 읽어오기 위해 csv.reader() 함수를 사용합니다 print(data) f.close() 응용: 헤더를 제외한 한 행씩 출력하기 import csv f = open('seoul.csv')..

🐍 Python 2020.06.10

데이터베이스

데이터베이스 1. 데이터베이스의 정의 데이터베이스는 간단히 '관련 있는 데이터의 저장소'라고 볼 수 있다. 좀 더 자세히 살펴보면 데이터베이스는 여러 사람이나 응용시스템에 의해 참조 가능하도록 서로 논리적으로 연관되어 통합 관리되는 데이터의 모임이다. 데이터베이스에 저장된 자료는 데이터를 추가하고, 공유하고, 찾고, 정렬하고, 분류하고, 요약하고, 출력하는 등의 조작을 통하여 정보로 활용될 수 있다. 2. 데이터베이스의 특징 데이터베이스는 통합된, 관련 있는 데이터(=동시에 복수의 적용 업무나 응용 시스템에 대한 데이터의 공급 기지로서 공유할 필요가 있는 데이터를 보관 및 관리)이며, 중복을 최소화하여 보조기억장치에 저장되고, 무결성(=정확성), 동시접근, 보안유지, 장애회복 기능이 있어야 한다. 3. ..

2020_05_27_TIL

To do DEV 유튜브 클론 코딩 해보기 (1시간 이내) 힌트 보고 다시 코딩 시도해보기(2시간) School 확률과 통계 과제하기 TIL 오늘은 유튜브 클론 코딩을 해보았다. 놀랍게도.. 저번에 헤더 상단바 코딩을 했을 때보다 난이도가 살짝 쉬운 것 같았다. 오늘은 감을 못잡은 정도는 아니었다. 2번째 코딩이라 한결 나아진 걸까? 하지만 완벽하게 코딩을 한 건 아니다...! 그래도 안보였던 구조가 어느정도 보인다는 얘기이다. 유튜브 클론 코딩을 해보았을 때 개인적으로 부족하다고 생각하는 점은 - 아이템들이 1:1 비율을 갖도록 코드를 썼음에도 불구하고 적용이 되지 않는다ㅠ (개념 다시 check 하자!) - 화면에 제대로 구현됬으나 HTML 코드가 정말 깔끔하다고 얘기는 못하겠다. - 디테일을 제대로..

👩🏻‍💻 TIL 2020.05.27

2020_05_26_TIL

To do DEV 유튜브 클론 코딩 해보기 (1시간 이내) School 컴퓨터 개론 과제 제출 TIL 어제 친구 집에서 하룻밤 자고 집으로 돌아와서 겨우 학교 과제만 제출하였다..omgㅠㅠㅠㅠ 곧 시험기간이 다가오니까 빨리 5월 말까지 코딩 공부를 해야한다.. 시간이 없다..!! 반성반성! 내일은 정말 유튜브 클론 코딩을 해보자! Tomorrow do 유튜브 클론 코딩 꼭 연습해보기 유튜브 클론 코딩한 것 -> 코드 비교해보기 확률과 통계 과제 하기

👩🏻‍💻 TIL 2020.05.27

2020_05_23_TIL

To do DEV 유튜브 강좌 듣고 유동적인 '헤더 상단바 코딩' 해보기 School 시스템자동화 4주차 강의 듣기 품질표준방법론 과제 피피티 대략 만들기 산종설 레포트 대략 작성.. TIL 오늘은 유튜브에 있는 좋은 무료 강좌를 찾아서 그것을 들어보고 따라해서 헤더 상단바 코딩을 해보았다. 요새 들어 이론보다 실제로 무언가를 만드는게 더 중요하다고 느껴졌다. 이론으로는 무슨 개념인지 이해를 하고 넘어갔지만 막상 웹사이트를 만들자니 구조가 명확히 보이지 않았다.. 보자마자 구조를 파악하는 능력이 필요할 것 같다. 유튜브에 좋은 영상들이 많아서 앞으로도 따라해서 만들어볼 생각이다. Tomorrow do 오늘 배웠던 것 -> 간단하게 블로그에 몰랐던 것, 핵심 개념들 올리기

👩🏻‍💻 TIL 2020.05.23

2020_05_18_TIL

오늘은 간단한 로그인 폼 만들기 연습을 해보았습니다. 따라해 볼 모델은 다음과 같습니다 HTML Sign in Forgot Password? Remember Me Sign in OR twiter facebook need an account? Sign up forgot your password? Retrive CSS .device{ position: absolute; top: 50%; left: 50%; // 컨테이너 시작점이 가운데로 배치되기 때문에 밑처럼 해줘야 margin: -300px 0 0 -150px; //1-4줄까지 화면 크기를 바꿔도 유동적으로 가운데 정렬 width: 300px; height: 600px; border: 1px solid whitesmoke; border-radius: 20..

👩🏻‍💻 TIL 2020.05.18

flexbox에 대하여

flexbox란? flexbox는 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식이다. flexbox의 장점을 한 마디로 표현하면 '복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다'라고 할 수 있다. 정렬, 방향, 순서, 크기 등을 유연하게 조절할 수 있기 때문에 별도의 분기 처리를 줄일 수 있고, CSS만으로 다양한 레이아웃을 구현할 수 있다. flexbox의 구성 flexbox는 복수의 자식들 요소인 item과 그 상위 부모 요소인 container로 구성된다. flexbox를 만드는 방법은 간단하다. 정렬하려는 요소의 부모 요소에 다음과 같이 display: flex 속성을 선언..