수많은 정보들을 로드하기 위해서 브라우저는 무한 로딩에 빠질 수가 있다. 한번에 많은 양의 데이터들을 로드해야하니 속도는 당연히 느려질 수 밖에 없을 것이다. 이러한 방법을 해결하기 위해서 데이터를 분할하여 보여주는 방법이 있다. 크게 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이상의 데이터를..

제로베이스 프론트엔드스쿨 2개월동안 좋았던 점 우선 제로베이스를 2개월동안 완주한 내 자신에게 칭찬을 하며 이 글을 시작해보려고 한다. 처음 시작할 때에는 완주가 가능할거라 생각했었는데 1개월 완주 후 2개월 차에 어렵고 힘들었던 순간들이 있었다. 하지만 포기하지않고 완주하려고 노력하였고, 그 결과 2개월차 완주를 할 수 있었다. 2개월동안 해본 제로베이스 프론트엔드스쿨은 진짜 프론트엔드에게 맞춤인 프로그램들로 구성이 되어있다고 생각이 들었다. 프론트엔드에게 꼭 필요한 역량들을 채워주는 커리큘럼들로 이루어져 있어서 강의를 들을 수록 알차다는 생각을 하게 되었다. 매일매일 해야하는 todo list는 공부의 동기부여가 되어주고, 데일리 스크럼은 성실하게 공부를 할 수 있게 도와주어서 좋았다. 1개월차에 수..