수많은 정보들을 로드하기 위해서 브라우저는 무한 로딩에 빠질 수가 있다. 한번에 많은 양의 데이터들을 로드해야하니 속도는 당연히 느려질 수 밖에 없을 것이다. 이러한 방법을 해결하기 위해서 데이터를 분할하여 보여주는 방법이 있다. 크게 2가지가 있는데, 페이지네이션과 무한스크롤이라고 하는 방법이 있다. 페이지네이션은 페이지를 번호로 분할해서 넘기면서 볼 수 있는 방법이고 무한스크롤은 스크롤을 내리면서 무한으로 정보가 나오는 방법이다. 오늘은 무한스크롤에 대해서 알아보려고 한다. 무한스크롤의 장점과 단점 장점 - 컨텐츠 탐색이 쉬워짐 - 사용자 참여가 쉬워짐 - 다음 콘텐츠를 보기 위한 추가 클릭이 필요없고 페이지 로드 시간이 짧음 - 모바일일 때 더 유용하게 적용됨 - 화면이 작을수록 스크롤이 길어지기 ..

JavaScript를 공부하면서 느낀점 늘 느꼈듯이 자바스크립트로 가면서 난이도가 급상승한다. 좀 더 많은걸 표현할 수 있고 유연한 언어이기에 당연한 소리이지만, 그래도 어렵다.... HTML,CSS를 배울 때와는 달리 화면이 움직인다는 장점이 있지만, 그 화면을 쉽게 움직일 순 없다. 하나하나 차근차근 공부해야하고 공부양과 시간이 많이 필요한 언어이다. JavaScript 공부하면서 어려웠던 개념과 이유 늘 어려웠고 아직도 공부해야할 것이 많다고 생각한다. 특히 어려운점을 꼽는게 더 어려울 정도로 난 아직 자바스크립트를 제대로 이해하지 못했다. 배운개념과 구현해야할 개념이 조금씩 다르다는점, 배운것을 응용해야 써먹을 수 있다는점에서 시간을 많이 필요로하는 언어인데, 들어야하는 시간은 정해져있고, 온라인..

RESTful API란? REST는 Representational State Transfer로 자원의 상태를 주고 받는 것을 의미 하고, API는 Application Programming Interface로 프로그램을 사용하는 방법을 의미한다. 거기에 -ful이 붙어 충분한, 가득한, 완전한의 의미를 갖추었다. RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스다. 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통신 표준을 따르므로 이러한 정보 교환을 지원한다. RESTful API의 이점? 확장성 REST API를 구현하는 시스템은 REST가 클라이언트-서버 상호 작용을 최적화하기 때문에 효율적으로 크기 조정을 할 수 있다. 무상태는 서버가 과거..

HTTPS란? 기존 HTTP의 보안 버전으로, 데이터를 암호화하고 인증서를 사용하여 데이터의 무결성과 보안을 강화한다. HTTPS를 사용하면 브라우저와 웹 서버 간의 통신이 암호화되어 데이터를 볼 수 없기도 하고 3자가 데이터를 조작할 수 없도록 보호한다. HTTP와의 차이점? HTTP는 데이터를 암호화하지 않기 때문에 데이터가 제3자에게 노출될 위험이 있다. 반면 HTTPS는 데이터를 암호화하여 제3자가 데이터를 가로채더라도 해독할 수 없도록 보호해준다. HTTP와 HTTPS의 차이점은 보안성이다. SSL인증서란? HTTPS를 사용하기 위해 필요한 디지털 인증서다. 공식인증기관에서 발급되어 웹사이트의 신원과 보안성을 보장하기 위한 역할을 해준다. SSL인증서는 웹사이트와 브라우저 간의 통신을 보호하기 ..

브라우저 저장소란? 웹 브라우저에서 데이터를 저장하는 방법이다. localStorage, sessionStorage, IndexedDB가 있다. JavaScript를 사용하여 쉽게 조작할 수 있고, 데이터는 key-value쌍으로 저장이 된다. 일반적으로 데이터는 문자열 형식으로 저장되지만, 필요에 따라 객체나 배열 형태로 저장할 수도 있다. localStorage localStorage는 브라우저에 데이터를 저장하기 위한 key-value형태의 저장소이다. 이 저장소는 브라우저의 세션이 종료되어도 데이터가 유지되어 사용자가 다시 웹사이트를 방문할 때에도 이전에 저장한 데이터를 볼 수 있게 해준다. 장점 데이터를 지속적으로 유지할 수 있다. 저장소 용량이 크고, 대부분의 브라우저에서 5MB이상의 데이터를..

class란? class는 객체 지향 프로그래밍에서 사용되는 기본적인 개념으로, 데이터와 해당 데이터를 처리하는 메서드를 포함하는 캡슐화된 코드 블록이다. 클래스는 객체를 만들기 위한 설계도 역할을 한다. 클래스를 사용하면 객체를 만들 때 해당 객체에 포함될 속성과 동작을 사전에 정의하고, 이를 기반으로 객체를 생성할 수 있다. 객체는 클래스에서 정의한 속성과 메서드를 상속하고 이를 활용하여 독립적인 동작을 수핼할 수 있다. class의 특징? class 내에 정의된 함수를 method라고 부른다 클래스를 통해 생성된 객체를 인스턴스라고 부른다. class도 함수처럼 호출하기 전까지는 코드가 실행되지 않는다. class의 이름은 항상 대문자로 시작한다. this는 본인 객체를 의미한다. 클래스 내에서 메..