월드스토리의 코딩 나라

[ 목차 ] 1. 데이터베이스(Database)란?#. 다양한 카테고리의 정보를 저장할 수 있는 구조#. 여러 사람에 의해 공유되어 사용될 목적으로 통합하여 관리되는 데이터의 집합#. 즉, 데이터를 저장하는 구조/자료의 모음#. 파일에 시스템을 저장하면 데이터의 중복과 불일치 문제가 발생하여, 도입되게 되었다. 2, 데이터베이스 관리 시스템(DataBase Mangemnet System)#. 구성한 데이터베이스에 접근하고 이를 관리하기 위한 시스템 - mysql의 워크브랜치#. 사용자와 데이터베이스 사이에서 생성, 공유, 관리를 할 수 있도록 도와주는 소프트웨어 3) Database의 종류 #. 관계형 데이터베이스 - 테이블의 구조와 데이터 타입 등을 사전에 정의하고, 테이블에 정의된 내용에 알맞은 형태..

[ 목차 ] 1. 파일 업로드 프론트 엔드에서의 작업 업로드  1)  form 테그의 enctype 속성으로 "multipart/form-data"를 반드시 설정한다.                               - multer 미들웨어의 경우 "multipart/form-data"가 아닌 폼에서는 동작하지 않음. 2. node js 서버에서의 작업 = multer설치 명령어 : npm install multer - 파일 업로드를 위해 사용되는 미들웨어로 주로 express를 통해 서버를 구축할 때 많이 사용됨. 1) 파일 업로드 경로 설정 const multer = require('multer');const upload = multer({    dest : 'uploads/',}); de..

[ 목차 ]  1. form 전송주로 form 테그 내 버튼을 클릭했을 때 발생되는 이벤트페이지 이동과 함께 처리되는 동기 방식과, 서버에 데이터를 보낸 후 처리될 때까지 기다리는 비동기 방식이 있다.비동기 방식은 다른 말로 dynamic 통신이라고도 한다. 2. 비동기 HTTP 통신 방법XMLExtensible Markup LanguageHTML과 비슷한 마크업 언어로 사용자가 정의해 사용할 수 있는 것이 가장 큰 특징 AjaxAsynchronous javaScript And XML의 약자자바스크립트를 이용해 클라이언트와 서버 간에 데이터를 주고 받음JQuery를 통한 쉬운 조작이 가능하며, Error, Success, Complete의 상태를 통해 흐름을 조절할 수 있음.하지만 Promise 기반이 ..

[ 목차 ]1. Node.js 란?구글 크롬의 자바스크립트 엔진(V8 Engine)에 기반해 만들어진 JavaScript 런타임이벤트 기반, 비동기 I/O 모델을 사용해 가볍고 효율적npm 패키지는 세계에서 가장 큰 오픈 소스 라이브러리 2. package.json- 패키지들이 서로 의존되어 있어, 문제가 발생할 수 있는데 이를 관리하기 위해 필요한 것.- 프로젝트에 대한 정보와 사용 중인 패키지 이름 및 버전 정보가 담겨 있는 파일 3. package.json의 내부 정보 “name” : 패키지 이름 “version” : 패키지의 버전 “main” : 자바스크립트 실행 파일 진입점 ( 문답식에서의 entry point ) “description” : 패키지에 대한 설명 “scripts” : npm ru..

[ 목차 ] 1. setTimeout(함수, 지연시간)- 설정된 지연시간이 지난 후에 함수를 실행시킴 2. 비동기 처리란?1. 특정 코드와 연산이 끝날 떄까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 특성2. 서버로 데이터 요청시 서버가 언제 그 요청에 대한 응답을 줄지 모르는 상황에서 마냥 기다릴 수는 없음.3. 만약 동기처리를 하게 된다면 웹 하나를 실행하는데 엄청 오랜 시간이 걸리게 됨. 3. 콜백(callback) 함수1. Javascript는 함수를 인자로 받고 다른 함수를 통해 반환될 수 있는데, 인자(매개변수)로 대입되는 함수 2. 즉, 다른 함수가 실행을 끝낸 뒤 실행되는 함수로 비동기 방식으로 작성된 함수를 동기 처리하기 위해 사용3. 함수를 선언할 때는 parameter(인..

[ 목차 ] 구조분해 할당(Destructuring assignment)배열이나 객체의 속성을 해체해 그 값을 개별 변수에 담는 것.JavaScript에서 많이 쓰이는 자료구조인 배열과 객체를 편하게 사용하기 위함객체나 배열에 저장된 데이터의 일부를 가져오고 싶을 때 주로 사용배열과 객체에서 사용된다.배열의 구조 분해 할당const arr5 = ['tomato','kiwi','banana'];const [tomato,kiwi,banana] = arr5; //같은 의미console.log(tomato); let tomato = arr5[0];let kiwi = arr5[1];let banana = arr5[2]; //같은 의미변수를 선언한 순서대로 배열의 요소가 값으로 할당됨.const [변수] = 배열;..

Waterfall(폭포수 모델)1. 가장 익숙하고 고전적인 소프트웨어 개발 기법2. 각 개발 단계가 완전히 끝났다고 판단됐을 때, 다음 단계로 넘어가는 방식3. 단순한 모델이라 이해하기 쉽고, 단계별로 정형화된 접근이 가능하다.4. 프로젝트의 진행상황을 한눈에 명확하게 알 수 있다.5. 프로젝트를 개발하던 도중 제기된 변경사항을 적용하기 어렵다.6. 시스템의 동작 여부를 시스템 테스트 단계에 돌입하고 나서야 확인이 가능하다.7. 대형 프로젝트에 적용하는 것이 부적합하고, 일정이 지연될 가능성이 매우 크다.  Agile 방법론- 짧은 주기의 개발 단위를 반복해 하나의 큰 프로젝트를 완성해 나가는 것.- 협력과 피드백을 통해 유연한 일 진행과 사용자의 요구 사항에 빠른 반영이 가능하다.-요구 사항을 작은 단..

Git이란?소스코드를 효율적으로 관리하기 위해 만들어진 "분산형 버전 관리 시스템"소스 코드의 변경 이력을 쉽게 확인할 수 있고 프로젝트 개발 중 오류가 발생하였을 경우, 특정 시점으로 롤백하는 것이 가능해지는 장점이 있다. Github 원격 저장소의 생성 1. New 버튼을 눌러 Github 저장소를 생성한다.2. 저장소의 영문명과  저장방식을 선택하고 레포지토리를 생성한다.3.  git bash를 실행하고 프로젝트의 루트폴터로 이동한다.4. git init 명령어를 사용하여 루트 위치에 .git 파일을 생성한다.5. .git 파일이 원격저장소를 알 수 있도록 git remote 명령어를 사용하여 주소를 등록한다.- git remote add origin https://github.com/ 이름/저장소..

프레임워크개발자가 소프트웨어를 개발함에 있어 코드를 구현하는 시간을 줄이고, 코드의 재사용성을 증가시키기 위해 일련의 클래스 묶음이나 뼈대 등을 미리 만들어 모아놓은 것을 말한다. 프레임워크의 특징 - 개발자가 따라야 하는 가이드를 제공하기에 개발 시간을 단축할 수 있다.-  정형화되어 일정수준 이상의 품질을  기대할 수 있지만, 개발할 수 있는 범위가 제한적이다.-  유지보수가 쉬운 장점이 있지만, 너무 의존한 프로그래밍을 하면 개발자의 능력을 향상시키기 어렵다.- 대부분의 프레임워크가 습득에 걸리는 시간이 오래걸린다. 라이브러리란? 라이브러리란 개발자가 만든 클래스의 나열로 프로그램에서 사용할 수 있도록 제공하는 방식이다.  프레임워크 VS 라이브러리둘의 가장 큰 차이는 제어의 흐름에 따른 주도성이 ..

JQuery란?자바스크립트 언어를 간편하게 사용할 수 있도록 단순화 시킨 오픈 소스 기반의 자바스크립트 라이브러리 라이브러리란?자주 사용하는 기능들을 모아두었다가 필요할 떄 가져다 쓸 수 있도록 만들어놓은 기계 부품 같은 것. JQuery가 가진 장점?주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원 가능HTML DOM을 손쉽게 조작 가능하며, CSS 스타일도 간단히 적용 가능 애니메이션 효과나 대화형 처리를 간단하게 적용 같은 동작을 하더라도 더욱 짧게 구현 가능 • 오픈 라이선스를 적용해 누구나 자유롭게 이용 가능  jQuery를 사용하는 방법1. JQuery 홈페이지에서 직접 프로그램을 다운 받는다.2. Code를 작성할 때마다, 접근하여 사용할 수 있도록 CDN 코드를 넣는다.(주로 ..