고진감래

학습 목표컴퓨터가 문자, 사진, 영상, 음악 등 다양한 정보를 처리하는 방식을 설명할 수 있습니다.  문자의 표현앞서 컴퓨터가 스위치를 ON/OFF하면서 숫자를 표현한다고 배움.그럼 문자의 표현은? → 문자를 숫자로 표현 할 수 있도록 정해진 약속(표준)이 있음.그 중 하나가 설명미국정보교환표준부호 ASCII(아스키코드/American Standard Code for Information Interchange).총 128개의 부호로 정의되어 있는데, 가령 알파벳 A는 10진수 기준으로 65, 알파벳 B는 66로 되어있다.따라서 A를 2진법로 표현하면 1000001 이다. 이 외에도 Unicode라는 표준에서는 더 많은 비트를 사용하여 더 다양한 다른 문자들도 표현가능 하도록 지원하고 있음. ASCII로는..

https://www.boostcourse.org/cs112 모두를 위한 컴퓨터 과학 (CS50 2019)부스트코스 무료 강의www.boostcourse.org 학습 목표컴퓨터 과학이 무엇인지 정의하고, 컴퓨터가 정보를 표현하는 방법에 대해 설명할 수 있습니다.1) 2진법컴퓨터 과학은 문제 해결에 대한 학문.문제 해결은 입력(input)을 전달받아 출력(output)을 만들어내는 과정이다.그 중간에 있는 과정이 바로 컴퓨터 과학.이러한 입력과 출력을 표현하기 위해선 우선 모두가 동의할 약속(표준)이 필요하고,따라서 컴퓨터 과학의 가장 첫 번째 개념은 어떻게 표현하는지에 대한 표현 방법. 2진법우리가 일상에서 사용하는 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 총 10개의 기호로 표현하는 것이 1..

정규표현식(regular expression)이란 정규표현식이란 문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴 정규 표현식의 생성 1. 정규 표현식 리터럴을 이용한 생성 2. RegExp 객체를 이용한 생성 문법 /pattern/modifiers 정규 표현식 리터럴은 슬래시(/) 기호로 시작하여, 슬래시(/) 기호로 끝납니다. 또한, 필요에 따라 플래그를 추가하여 기본 검색 설정을 변경할 수도 있습니다. 정규표현식 패턴 modifiers 정규 표현식을 생성할 때 modifiers를 사용하여 기본 검색 설정을 변경할 수 있다. 이렇게 설정된 modifiers는 나중에 추가되거나 삭제될 수 없다. modifiers 설명 i 검색 패턴을 비교할 때 대소문자를 구분하지 않도록 설정함...

데이터베이스(Database) 🗨️ 데이터베이스 데이터를 저장하는 구조/자료의 모음 데이터의 집합소 Q. 데이터베이스 이전에는? 데이터를 저장하는 공간. MySQL, 오라클이 데이터베이스임. 이거 이전에는 사람들 저장하기 위해 뭘 사용했을까?? →그냥 파일에 저장했음.. 텍스트 파일에 저장한다던지 JSON파일에 저장한다던지.. 🗨️ 파일 시스템 ( File System ) DBMS를 사용하기 전 데이터의 저장을 위해 이용했던 시스템 Q. 왜 파일 시스템을 계속 안 쓰고 데이터베이스를 이용하는 것으로 바뀌었을까? 근데 파일시스템 한계가 있음. 저장했을때 데이터 꺼내오려면 파일 처음부터 끝까지 다 읽어서 원하는 값이 있는지 다 읽어야 함.. 그리고 원하는 값 찾았다 하지만 수정하려면 문자열 다 처음부터 끝까..

미들웨어(Middleware) • 클라이언트와 서버가 요청과 응답을 할 때 중간에서 거쳐가는 함수 • 미들웨어에서는 request, response 객체를 모두 사용 가능하고 next() 함수를 이용해 다음 미들웨어로 접근이 가능하다. 미들웨어 연습 파일 업로드 multer 클라이언트 준비 파일 업로드 경로 설정 multer – 하나의 파일 업로드 multer - 세부 설정 경로 뿐 아니라 파일명, 파일 크기 등을 직접 지정, 제어하고 싶다면? • storage : 저장할 공간에 대한 정보 -diskStorage : 파일을 디스크에 저장하기 위한 모든 제어 기능을 제공 - destination : 저장할 경로 -filename : 파일명 • limits : 파일 제한 - fileSize : 파일 사이즈 ..

form 전송 수업 body-parser • 데이터를 쉽게 처리할 수 있도록 도와주는 라이브러리 • Post로 정보를 전송할 때 요청의 body(req.body)로 받을 수 있게 도와줌 • express 4.x 부터 body-parser가 내장되어 있어 설치 필요 없음 form • 입력된 데이터를 한 번에 서버로 전송하기 위해 사용 • 즉, 클라이언트가 서버에게 정보를 전달할 때 사용 • 속성 : action, name, target, method • 폼 요소 : , , , 등등 속성 • action - 폼을 전송할 서버 주소 지정 • name -폼을 식별하기 위한 이름 • method -폼을 서버에 전송할 http 메서드 지정 • target - action 속성값에 지정한 스크립트 파일을 현재 창이 ..

패키지 매니저 npm • Node Package Manager ( https://www.npmjs.com/ ) • 노드 패키지를 관리해 주는 틀 npm 사용하기 npm init • 프로젝트를 시작할 때 사용하는 명령어 • package.json에 기록될 내용을 문답식으로 입력한다. npm init --yes • package.json이 생성될 때 기본 값으로 생성된다. npm install 패키지이름 • 프로젝트에서 사용할 패키지를 설치하는 명령어 • 설치된 패키지의 이름과 정보는 package.json의 dependencies에 입력된다. package.json • 패키지들이 서로 의존되어 있어, 문제가 발생할 수 있는데 이를 관리하기 위해 필요한 것 • 프로젝트에 대한 정보와 사용 중인 패키지 이름 ..

공부를 하면서 인수와 인자 단어의 차이를 확실히 구분하지 못하고 헷갈려했다.. 인수는 함수에 입력하는 값을 말한다. 간단히 말해, 인수는 함수를 호출할 때 건네주는 변수이고, 인자(=매개변수, 파라미터)는 함수에서 정의 되어 사용되는 변수이다. 처음에 아주 간단한 함수만 배웠기 때문에 입력 값이 필요 없으니 항상 똑같은 결과만 나왔었음. 인수에 입력한게 없다면 항상 똑같은 결과만 나올것. 입력에 따라 결과가 달라지려면.. indexOf와 같은 내장 메서드에서 이미 인수를 사용한 바가 있습니다 인수는 함수를 실행할 때 괄호 안에 전달하는 것이고 매개변수는 일종의 플레이스홀더로서 함수 정의할 때 용도에 따라 정해줄 수 있습니다

NPM이란? NPM은 Node Package Manager의 약자로 유용한 패키지를 빠르고 쉽게 공유할 수 있게 하는 패키지 매니저입니다. 패키지란 개발자들이 만든 일련의 유용한 도구 및 프레임워크를 의미하는데요. NPM이란 이러한 패키지를 관리하는 장소이자 도구, 방법입니다. 오늘날 NPM은 자바스크립트 런타임 Node.js의 기본 패키지 매니저로 사용되고 있습니다. NPM은 다음 두 가지 주된 요소로 구성됩니다. 패키지 출시 및 다운로드를 위한 CLI(Command-Line Interface) 도구 자바스크립트 패키지 호스팅을 위한 온라인 저장소 정리하자면 NPM이란 Node.js에서 사용되는 기본 패키지 매니저로 개발자들이 만든 유용한 패키지들을 함께 공유하는 장소 및 도구입니다. 다양한 NPM 패..

1. 경고창 window.alert() window.alert("출력"); 2. HTML출력 document.write() document.write("HTML출력"); // HTML document 이후에 document.write()의 사용은 // 존재하는 모든 HTML을 지우고 완전히 로드되기 때문에 // 테스트 용도로만 추천 JavaScript 출력 테스트 click 3. HTML요소에 출력 innerHTML document.getElementById("test").innerHTML = '출력'; 4. 브라우저 콘솔에 출력 console.log() // 브라우저 F12 개발자 모드에서 확인 가능 console.log("출력"); 출처-https://coding-restaurant.tistory.c..