개발자(15)
-
infiniteScroll 기법
수많은 정보들을 로드하기 위해서 브라우저는 무한 로딩에 빠질 수가 있다. 한번에 많은 양의 데이터들을 로드해야하니 속도는 당연히 느려질 수 밖에 없을 것이다. 이러한 방법을 해결하기 위해서 데이터를 분할하여 보여주는 방법이 있다. 크게 2가지가 있는데, 페이지네이션과 무한스크롤이라고 하는 방법이 있다. 페이지네이션은 페이지를 번호로 분할해서 넘기면서 볼 수 있는 방법이고 무한스크롤은 스크롤을 내리면서 무한으로 정보가 나오는 방법이다. 오늘은 무한스크롤에 대해서 알아보려고 한다. 무한스크롤의 장점과 단점 장점 - 컨텐츠 탐색이 쉬워짐 - 사용자 참여가 쉬워짐 - 다음 콘텐츠를 보기 위한 추가 클릭이 필요없고 페이지 로드 시간이 짧음 - 모바일일 때 더 유용하게 적용됨 - 화면이 작을수록 스크롤이 길어지기 ..
2023.07.04 -
JavaScript 과제를 끝내며
JavaScript를 공부하면서 느낀점 늘 느꼈듯이 자바스크립트로 가면서 난이도가 급상승한다. 좀 더 많은걸 표현할 수 있고 유연한 언어이기에 당연한 소리이지만, 그래도 어렵다.... HTML,CSS를 배울 때와는 달리 화면이 움직인다는 장점이 있지만, 그 화면을 쉽게 움직일 순 없다. 하나하나 차근차근 공부해야하고 공부양과 시간이 많이 필요한 언어이다. JavaScript 공부하면서 어려웠던 개념과 이유 늘 어려웠고 아직도 공부해야할 것이 많다고 생각한다. 특히 어려운점을 꼽는게 더 어려울 정도로 난 아직 자바스크립트를 제대로 이해하지 못했다. 배운개념과 구현해야할 개념이 조금씩 다르다는점, 배운것을 응용해야 써먹을 수 있다는점에서 시간을 많이 필요로하는 언어인데, 들어야하는 시간은 정해져있고, 온라인..
2023.05.24 -
RESTful API
RESTful API란? REST는 Representational State Transfer로 자원의 상태를 주고 받는 것을 의미 하고, API는 Application Programming Interface로 프로그램을 사용하는 방법을 의미한다. 거기에 -ful이 붙어 충분한, 가득한, 완전한의 의미를 갖추었다. RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스다. 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통신 표준을 따르므로 이러한 정보 교환을 지원한다. RESTful API의 이점? 확장성 REST API를 구현하는 시스템은 REST가 클라이언트-서버 상호 작용을 최적화하기 때문에 효율적으로 크기 조정을 할 수 있다. 무상태는 서버가 과거..
2023.05.01 -
HTTP와 HTTPS의 차이
HTTPS란? 기존 HTTP의 보안 버전으로, 데이터를 암호화하고 인증서를 사용하여 데이터의 무결성과 보안을 강화한다. HTTPS를 사용하면 브라우저와 웹 서버 간의 통신이 암호화되어 데이터를 볼 수 없기도 하고 3자가 데이터를 조작할 수 없도록 보호한다. HTTP와의 차이점? HTTP는 데이터를 암호화하지 않기 때문에 데이터가 제3자에게 노출될 위험이 있다. 반면 HTTPS는 데이터를 암호화하여 제3자가 데이터를 가로채더라도 해독할 수 없도록 보호해준다. HTTP와 HTTPS의 차이점은 보안성이다. SSL인증서란? HTTPS를 사용하기 위해 필요한 디지털 인증서다. 공식인증기관에서 발급되어 웹사이트의 신원과 보안성을 보장하기 위한 역할을 해준다. SSL인증서는 웹사이트와 브라우저 간의 통신을 보호하기 ..
2023.04.29 -
브라우저 저장소
브라우저 저장소란? 웹 브라우저에서 데이터를 저장하는 방법이다. localStorage, sessionStorage, IndexedDB가 있다. JavaScript를 사용하여 쉽게 조작할 수 있고, 데이터는 key-value쌍으로 저장이 된다. 일반적으로 데이터는 문자열 형식으로 저장되지만, 필요에 따라 객체나 배열 형태로 저장할 수도 있다. localStorage localStorage는 브라우저에 데이터를 저장하기 위한 key-value형태의 저장소이다. 이 저장소는 브라우저의 세션이 종료되어도 데이터가 유지되어 사용자가 다시 웹사이트를 방문할 때에도 이전에 저장한 데이터를 볼 수 있게 해준다. 장점 데이터를 지속적으로 유지할 수 있다. 저장소 용량이 크고, 대부분의 브라우저에서 5MB이상의 데이터를..
2023.04.29 -
제로베이스 2개월차 후기
제로베이스 프론트엔드스쿨 2개월동안 좋았던 점 우선 제로베이스를 2개월동안 완주한 내 자신에게 칭찬을 하며 이 글을 시작해보려고 한다. 처음 시작할 때에는 완주가 가능할거라 생각했었는데 1개월 완주 후 2개월 차에 어렵고 힘들었던 순간들이 있었다. 하지만 포기하지않고 완주하려고 노력하였고, 그 결과 2개월차 완주를 할 수 있었다. 2개월동안 해본 제로베이스 프론트엔드스쿨은 진짜 프론트엔드에게 맞춤인 프로그램들로 구성이 되어있다고 생각이 들었다. 프론트엔드에게 꼭 필요한 역량들을 채워주는 커리큘럼들로 이루어져 있어서 강의를 들을 수록 알차다는 생각을 하게 되었다. 매일매일 해야하는 todo list는 공부의 동기부여가 되어주고, 데일리 스크럼은 성실하게 공부를 할 수 있게 도와주어서 좋았다. 1개월차에 수..
2023.04.29