계발하는 개발자

인터넷을 이용하면서 접속하게 되는 웹페이지는 크게 둘로 나뉜다. 마치 컴퓨터에 저장된 메모장 파일을 열어보듯 그대로 보는 정적 웹페이지, 다른 변수들에 의해 변경되어 보이는 동적 웹페이지. 정적 웹페이지 특징 웹서버에 이미 저장된 html 문서를 클라이언트에게 전송하는 웹페이지 사용자는 서버에 저장된 데이터가 변경되지 않는 한 고정된 웹페이지를 보게 된다. 모든 사용자는 같은 결과의 웹 페이지를 서버에 요청하고 응답 받는다. Ex) 회사소개 페이지, 음식메뉴, 백과사전 등 내용이 변하지 않고 고정적인 페이지 case1. 나무위키 검색결과페이지 case2. 회사 소개페이지 동적 웹페이지 특징 요청 정보를 처리한 후에 제작된 HTML 문서를 클라이언트에게 전송하는 웹페이지 사용자는 상황, 시간, 요청 등에 ..

동기(Synchronous) 작업을 다른 스레드로 보낸 후, 그 작업이 끝나길 기다렸다가 다음 일을 진행한다 (직렬적으로 진행) 다른 스레드로 보낸 작업이 끝날 때까지 작업 중단(blocking)이 일어난다. 시작 시점과 끝나는 시점이 일치한다. 한 스레드에서 여러 요청을 동시에 처리할 수 없다. 비동기(Asynchronous) 작업을 다른 스레드로 보낸 후, 그 작업이 끝나길 안 기다리고 다음 일을 진행한다 (병렬적으로 진행) 여러 스레드에서 요청을 동시에 처리할 수 있다. 작업이 언제 끝날지 예측하기 힘들기 때문에, 보통 시간이 많이 걸리는 작업을 요청할 때 쓰인다. 직렬(Serial) 메인스레드에서 다른 스레드로 분산처리 시킨 작업을 오직 하나의 스레드에서만 순차적으로 처리하는 것을 말한다. 즉 1..

Svelte를 이용해 게시판 프로젝트 진행하다가 이상한 버그를 발견했다. 새 글 등록 후 스크롤했을 때 무한스크롤로 다음 페이지가 호출되는 부분에 게시글이 중복이 되는 문제였다. 참고로 새 글 등록 없이 스크롤해서 기존 글 쭉 내리면 아래처럼 중복없이 잘 나타난다. 새 글 등록 후 스크롤 내리게되면 중복으로 들어가있는 게시물을 보게 된다. " 왜 이런 현상이 발생하는 것일까? " 현재 설정된 페이지네이션 방식의 경우, 서버에서 계산되어 요청한 페이지에 해당하는 게시글 10개씩이 보내지고 있다. 그렇기 때문에 이 결과로 게시글이 추가되기 전에 요청한 페이지네이션과 게시글이 추가된 후의 페이지네이션 결과가 다르게 나타나게 된다. 이에 대한 해결 방법은 찾아보면 다양하게 있지만, 그중에서도 비교적 간단해보이는..

day.js란? day.js는 Javascript에서 날짜/시간을 쉽게 파싱하고 계산할 수 있도록 도와주는 Date 라이브러리다. 흔히 날짜 라이브러리로 잘 알려진 moment.js 보다 가볍다고 알려져 있다. Day.js · 2kB JavaScript date utility library 2kB JavaScript date utility library day.js.org 사용법 1. 다운로드 npm install dayjs 2. 스크립트 사용 import dayjs from 'dayjs' import relativeTime from "dayjs/plugin/relativeTime"; // .from, .to 등 상대시간 알아내는 플러그인 import utc from "dayjs/plugin/utc"; ..