전체 글

1. 세트 알아보기- 수학에서의 집합과 동일- 중복되지 않은 항목들의 집합 2. 세트의 예시>>> numbers = {2, 1, 3}>>> numbers{1, 2, 3}# 세트의 크기는 len() 함수로 알 수 있다.>>> len(numbers)3# 세트는 집합이기 때문에 요소가 중복되면 자동으로 중복된 요소를 제거한다.>>> cities = { "Paris", "Seoul", "London", "Berlin", "Paris", "Seoul" }>>> cities{'Seoul', 'London', 'Berlin', 'Paris’}# 비어 있는 세트를 생성하려면 set() 함수를 사용한다.>>> numbers = set()# 어떤 항목이 세트 안에 있는지를 검사하려면 in 연산자를 사용하면 된다.>>> n..

1. 튜플 알아보기- 리스트와 아주 유사 - 튜플의 내용은 변경될 수 없음- 리스트에 비해 접근 속도가 빠름 2. 튜플의 예시>>> colors = ("red", "green", "blue")>>> colors('red', 'green', 'blue’)>>> numbers = (1, 2, 3, 4, 5 )>>> numbers(1, 2, 3, 4, 5)>>> t = (1, 2, 'hello!')>>> t(1, 2, 'hello!’) ※ 주의사항 : 하나의 값 만을 가진 튜플을 생성할 때는 반드시 값 다음에 쉼표를 붙여야 함>>> t = (10, )# 잘못된 예시>>> s = (10) ※ 튜플은 변경이 불가능>>> t1 = (1, 2, 3, 4, 5);>>> t1[0] = 100;#Traceback (mos..

사용자 설정- 설정 확인 :  git config --list ※ 사용자 설정 방법- git config --global user.name "user-name"- git config --global user.name "user-email"(user-name과 user-email을 설정)저장소 복제- mkdir을 통해 저장소를 복제할 디렉터리(CLI)를 만듦- git clone을 활용하여 저장소 복제 - 저장소 복제 확인 - 저장소 상태 확인 : git status 실습) 파일 추가/수정 후 이력 남기기 1. 파일들 다운로드- 다운로드 받은 파일 상태 확인 : git status- 다운로드 받은 모든 파일 = untracked files 2. 파일 추가 - 스테이징 : git add (지정 파일만 스테이..

1. 원격 저장소 만들기 1-1 Public저장소(다른 사용자들이 볼 수 있음)로 생성 1-2 라이선스 [None]으로 설정 1-3 원격 저장소 생성하기 2. 원격 저장소 확인 3. 저장소 복제 (원격 --> 로컬) 3-1 디렉토리 선택 4. 복제된 로컬 저장소 확인 5. 사용자 설정  1. 로컬 저장소에 파일 생성하기 (파일 생성 후 vi 명령어를 통해 파일에 내용 추가) - 파일 생성 후 기본 상태 Untracked 2. 파일 상태 변경하기 (Untracked --> Staged) 3. 커밋(Commit) - 커밋 메시지를 통해 변경 내용 혹은 이유를 유추하므로 내용이 중요함. - 콘솔창을 통해 커밋 상태 확인 4. 커밋된 파일 확인 - View History를 통해 커밋된 파일 확인 - Github..

프로그램 설치 확인 - glances 실행 - which(위치를 찾는 명령어)명령어를 활용하여 glances설치 여부 및 위치 확인 - glances 실행 : glances  웹 서비스 접속- 데몬 프로그램 설치 (웹서버(apache2)) : sudo apt install apache2 - 서비스 시작 : sudo apache2 start - 페이지 접속하기 : localhost 접속하기 - 테스트 페이지 찾기- index.html --> backup 으로 변경 : sudo mv index.html backup - 파일 이름 변경 후 브라우저 재접속 (디렉토리의 내용 출력) - 디렉토리 내용 삭제 (Indexes 옵션 해제) - 웹 서비스 중단 : sudo service apache2 stop- 웹 서비..

06. 익스프레스 웹 서버 만들기익스프레스 : 서버를 제작하는 과정에서 겪게 되는 불편을 해소하고 편의 기능을 추가한 웹 서버 프레임워크- http 모듈의 요청과 응답 객체에 추가 기능 부여- 기존 메서드들 사용가능, 편리한 메서드들 추가해 기능 보완- 코드를 분리하기 쉽게 만들어 관리하기 용이- if문으로 요청 메서드와 주별 구별하지 않아도 됨 06.1 익스프레스 프로젝트 시작하기1) learn-express 폴더 생성2) 항상 package.json 제일 먼저 생성 --> npm init 명령어를 콘솔에서 호출해 단계적으로 내용물 입력 or npm init -y를 입력해 파일을 만든 뒤 내용 수정package.json{ "name": "learn-express", "version": "0.0.1"..

01. window.onload() 속성- 해당 요소가 완전히 로드되었을 때, 자동으로 호출되는 함수를 지정하는 속성- 웹 페이지에서 여러 번 사용해도 window.onload() 함수는 하나만 적용  02. Date 객체- 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초)을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수시간 메소드 : getHours(), getMinutes(), getSeconds()날짜 메소드 : getFullYear(), getMonth(), getDate()//현재 날짜 및 시간이 출력let date = new Date();console.log(date);  03. innerText와 innerHTML- innerText : Element의 속성으로, 해당 Element ..

03. 노드 기능 알아보기 03.1 REPL 사용하기 - REPL이란?Read : 입력한 코드를 읽고Eval : 해석하고Print : 결과물 반환Loop : 종료할 때까지 반복 - REPL 사용1) 콘솔을 열고 node를 입력2) 프롬프트가 > 모양으로 바뀜3) 코드 입력4) ctrl+c 두번 혹은 .exit를 통해 종료 ※ REPL은 짧은 코드를 테스트해보는 용도    긴 코드는 자바스크립트 파일을 통째로 실행하는것이 더 유용  03.2 JS파일 실행하기 1) 콘솔에서 node [자바스크립트 파일 경로]로 실행$ node helloWorld  -->   helloWorld.js 파일 실행※REPL에서 입력하는 것이 아니므로 주의  (콘솔에서 REPL로 들어가는 명령어가 node이고, 노드를 통해 파일을..

본 글은 다음 수업자료를 참고하여 정리한 글입니다.01. javascript- 웹 문서를 제어하기 위해 개발된 언어- html문서를 조작하기 위해 만들어진 언어 02. dom- 스크립트 언어로 html요소를 제어할 수 있도록 웹문서를 객체화 한 것 03. document- 자바스크립트에서 dom접근을 위해 쓰이는 interface 04. 예제 Hello, world! How are you?  let title = document.createElement("title"); //create Element를 통해 title요소 생성title.append("My first web page"); //title에 append를 이용해 "My ..

본 글은 다음 수업자료(~37p)를 보고 정리한 글입니다자바스크립트란?HTML : 웹 페이지의 기본 구조를 담당CSS : 디자인을 담당JavaScript : 웹 페이지가 동작하는 것을 담당- 웹페이지에 생동감을 불어넣기 위해 만들어진 언어  자바스크립트의 역할- 다양한 프레임워크, 라이브러리 사용- 백엔드(서버) 개발- 웹의 요소 제어HTML, CSS로 처리할 수 없는 것들을 JS로 처리  자바스크립트 사용 방법- HTML 내부 - HTML 외부html의 body안에를 사용하고 파일.js 열어서 코드 작성 자바스크립트 문법- 자바스크립트 실행문은 세미콜론(;)으로 구분 - 주석실행할때 무시되는 코드// : 주석처리할때 사용(여러줄일때는 /* , */을 사용)//주석처리하기/* 여러줄주석처리하기 */ -변..