주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

위키백과에서 먼저 정의를 살펴보았습니다. "라이브러리는 주로 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임이다. 여기에는 구성 데이터, 문서, 도움말 자료, 메시지 틀, 미리 작성된 코드, 서브루틴, 클래스, 값, 자료형 사양을 포함할 수 있다." "컴퓨터 프로그래밍에서, 소프트웨어 프레임워크는 복잡한 문제를 해결하거나 서술하는 데 사용되는 기본 개념 구조이다. 간단히 뼈대, 골조, 프레임워크라고도 한다." 글만 간단히 보아도 두 개념이 많이 다른 것을 알 수 있습니다. 라이브러리는 프레임워크에 비해 작은 개념입니다. 프론트개발을 할때 쉽게 접하는 것을 예로 들어보자면 jQuery, React 같은 것들이 라이브러리입니다. 엥? 왜 React가 라이브러리이지? 프레임워크 아니었어..

let, const와 블록 레벨 스코프 ES6부터 let, const를 사용하게 되는데, var와는 여러가지 차이가 있다. 선언은 프로그래밍에서 필수기때문에 var와 let, const차이를 이해하고 넘어가지 않으면 많은 프로그래밍적 오류를 발생시킬수 있다. 변수 호이스팅 단계 선언단계(Declaration phase) 변수를 실행시키는 실행 컨텍스트의 변수 객체에 등록, 이 객체는 스코프가 참조하는 대상이됨 초기화단계(Initialization phase) 변수 객체에 등록된 변수를 위한 공간을 메모리에 확보 - 변수는 undefined로 초기화됨 할당 단계(Assignment phase) undefined로 초기화 된 변수에 실제 값 할당 var var 생략 시 전역변수로 선언 의도하지 않게 선언된 ..

AJAX 통신 jQuery는 AJAX 통신 관련해서 다양하고 편리한 메서드들을 제공한다. 실무에서 많이 사용하는 메소드 위주로 요약해서 작성하였으며 모든 메서드나 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트 AJAX를 참조하면 된다. 메소드 $.ajax 비동기식 Ajax를 이용하여 HTTP 요청을 전송 $.get 전달받은 주소로 GET 방식의 HTTP 요청을 전송 (데이터 요청에 많이 사용) $.post 전달받은 주소로 POST 방식의 HTTP 요청을 전송 (데이터 전송에 많이 사용, 데이터를 캐시하지 않는다.) $.getScript 웹 페이지에 스크립트를 추가함 $.getJSON 전달받은 주소로 GET 방식의 HTTP 요청을 전송하여 JSON 파일로 응답 받음 .load() 서버에서 데이터..

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. slice 선택자를 기준으로 시작과 끝 index의 값에 의해 요소를 반환한다. index는 0부터 시작한다. // HTML 1번 2번 3번 4번 // jQuery $('#box div').slice(1); // 2번 div 반환 $('#box div').slice(1,3); // 2번, 3번 div 반환 var array = ['red', 'green', 'blue', 'black', 'pink']; array.slice(2,4); // 'blue', 'black' 반환 trim 문자열의 시..