Node.js : 구글 크롬의 자바스크립트 엔진(V8 Engine)에 기반해 만들어진 javascript 런타임 javascript가 서버에서 작동하도록 함 자바스크립트 엔진? : 자바스크립트 코드를 실행하는 프로그램 또는 인터프리터(코드를 한 줄씩 읽어 내려가며 실행하는 프로그램) 런타임? : 프로그래밍 언어가 구동되는 환경 ** 웹 브라우저 없이 실행 가능 ** > 원래 javascript의 런타임 환경은 웹 브라우저만 존재 했었음 Node.js 특징 1) 자바스크립트 언어 사용 2) single thread : 에러(예외)를 처리하지 못하면 프로그램이 아예 중단됨 하나가 죽으면 전체가 죽음(다시 실행이 안 됨) 따라서, 예외 처리가 매우 중요함! 3) 비동기 I/O 방식(Non-blocking I/..

Waterfall Model(폭포수 모델) : 가장 익숙한 소프트웨어 개발 기법 병행 수행되지 않고 순차적으로 수행 장점 단순한 모델, 이해하기 쉬움 단계별로 정형화된 접근이 가능해 문서화 가능 프로젝트 진행상황 한눈에 명확하게 파악 가능 단점 수정이 어려움 시스템의 동작을 후반에 가야지만 확인 가능(그 전까지는 상상으로만) 따라서, 대형 프로젝트에 적용하기는 부적합 Agile(방법론X 사상O) : 짧은 주기의 개발 단위를 반복해 하나의 큰 프로젝트를 완성해 나가는 것 요구사항을 작은 단위로 쪼갬 → 하나씩 해결해나감 협력과 피드백 중요 반복적으로 일을 진행해나가기 때문에 빠르고 유연하게 문제 해결 가능 Agile 방법론 1) scrum(스크럼) : 작은 기능에 관한 계획, 개발, 테스트, 기능 완료를 ..

서버 : 클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터 서버 구축 방법 1) 본인의 컴퓨터를 직접 서버로 구축하는 방법 2) 일정 요금을 내고 외부 서버를 임대해 사용하는 방법 서버 호스팅 : 서버 한 대(물리적으로 존재하는 컴퓨터 한 대)를 통째로 임대하는 방법 자체적인 관리 필요 # 컴퓨터의 작동 환경을 마음껏 유동적으로 설정 가능 # 웹 호스팅에 비해 가격이 비쌈 웹 호스팅 : 서버 한 대의 일정 저장공간만 임대하여 다른 사용자들과 해당 서버를 공유하는 방법 # 서버 호스팅에 비해 가격이 저렴함 # 서버 자체를 웹 호스팅 사에서 운영(쉽게 이용 가능함) # 트래픽, 용량 등 사용상의 제약이 있을 수 있음 클라우드 서버 : 실제 물리적인 컴퓨터 한 대로 서버를 운영하는 것이 아닌 VM(Vir..

JQuery 이벤트 리스너 : 이벤트가 발생했을 때 그 처리를 담당하는 함수 로딩 이벤트 : 문서가 로드될 때 바로 발생하는 이벤트(문서를 읽기 전 먼저 실행) 사람들에게 무언가를 보여주기 전에 해야하는 작업을 넣는 곳 맨 첫번째 함수만 실행(두 개 이상 사용X) 종류 1) .ready() 2) $() $(document).ready(function() { alert("document.ready"); }); // or $(function(){ alert("ready") }); 마우스 이벤트 : 마우스와 관련된 이벤트 종류 1) click() // 참고 on(”click”,function() {}) = click( function() {}) 2) mouseover() 3) hover() 4) scroll(..

JQuery : 자바스트립트 언어를 간편하게 사용할 수 있도록 단순화 시킨 오픈 소스 기반의 자바스크립트 라이브러리 장점 HTML DOM를 손쉽게 조작 가능, CSS 스타일도 간단히 적용 가능 애니매이션 효과나 대화형 처리를 간단하게 적용 같은 동작을 하더라도 코드를 더욱 짧게 구현 가능 오픈 라이선스를 적용해 누구나 자유롭게 이용 가능 사용 방법 1) 파일 다운로드 2) cdn 사용 JQuery 검색 > CDN클릭 > 코드 긁어오기 * uncompressed: 압축이 되어있지 않은 형태 * compressed: 압축된 형태 JQuery 기초 $(선택자).동작함수(); // $는 JQuery()의 축약 형태로, 식별자 역할 JQuery 메소드 값 가져오기 및 변경하기 //값 가져오기 $(선택자).val(..

프레임워크와 라이브러리 : 개발을 보다 효율적으로 하기 위해 누군가가 쓴 코드를 가져다 사용하는 것 차이점? 뭐가 뭐를 컨트롤 하는가 프레임워크: 프레임워크가 나를 컨트롤함 라이브러리: 내가 라이브러리를 컨트롤함 프레임워크 : 소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 일련의 협업화된 형태로 클래스들을 제공하는 것 따라서, 누군가가 정해준 규칙을 따라 코딩해야 함(이미 짜여진 틀). 더보기 프레임워크가 어디에 코드를 넣어야 하는지와 같은 코드의 규칙을 알려줌(문서를 참고해서 적절한 위치에 코드를 넣어 나가야 함) ex) Bootstrap, Django 등 라이브러리 : 재사용이 필요한 기능으로 반복적인 코드 작성을 없애기 위해 언제든지 필요한 곳에서 호출하여 사용할 수 있도록..