탁월함은 어떻게 나오는가?

작업을 진행하다보면 태그, 따옴표, 줄바꿈, 쌍따옴표를 제거할 필요가 생길 때가 있다. 밑에 replace 를 사용하면 편리하다. 1 2 3 4 .replace(/(]+)>)/gi, "") // 모든 태그 .replace(/"/g, "") // 따옴표 .replace(/\"n/, "") // 줄바꿈 .replace(/&/g, "") // 쌍따옴표 cs

공부용으로 직역해놓은 정보입니다. 직역이 틀린 부분이 있다면 지적 감사히 받겠습니다. Mysql에서 빠른 페이지네이션 - Limit와 Offset을 사용하면 Order By가 느린 이유는? Limit와 Offset이 포함된 쿼리는 페이지네이션이 필요한 애플리케이션에서 일반적으로 쓰이며 경우에 따라서는 한동안 잘 작동한다. 하지만 많은 경우에 Offset이 높은 값을 가지면 느리며 고통을 가져온다. OFFSET은 왜 느릴까? 많은 케이스에서 낮은 오프셋 쿼리는 느리지 않다. 문제는 높은 오프셋 값으로 시작된다. 쿼리의 리미트 절: "LIMIT 50000, 20" 을 사용한다면, 그것은 실제로 50,020행을 요청하고 처음 50,000 행을 삭제 요청을 한다. 이 작업은 높은 비용과 충격적으로 느린 응답의 ..

프로젝트를 진행하면서 axios를 사용해서 백(Nodejs)와 프론트(React)를 통신하는 와중에 필요한 통신부분에서 .then이 안되는 현상이 발생했다. 다른 통신부분은 정상적으로 .then이 되는데 이부분이 안되는 부분을 이해할 수 없어서 여러가지 테스트와 검색을 해보는데, 그러던 중 실수를 발견해서 나중에는 이런 실수를 조기에 잡기 위해 적어놓기로 했다.... 문제의 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // promise 되는 코드 export const UserSignupDataAPI = (states) => client.post(backUrl + "/users/signup", states); // promise 되는 코드 export const UserS..

웹용 스토리지를 찾게 된 개요 : 개발을 하고 있는 도중에 쿠키(Cookie)를 사용할 일이 있는데, 로컬스토리지(LocalStroage)를 사용할까 세션스토리지(Session Storage)를 사용할까 아니면 다른걸 사용해볼까 하고 검색하다가 보니, 중 구글 크롬(Google Chrome) 팀 개발자의 글을 봤고, 좋은 글인것 같아서 나중을 위해서 필요한 내용만 정리해놓기로 했다. 본문 : 웹용 스토리지 https://web.dev/storage-for-the-web/ 웹 스토리지(브라우저에 데이터를 저장하는 방법)은 다양하다. 하지만 인터넷 연결은 이동 중에 불안정하거나 끊길 수가 있다. 완벽한 무선 환경에서도 캐싱 및 기타 스토리지 기술을 적절하게 이용하면 사용자 경험을 크게 향상 시킬 수 있다. ..

유니코드란? 유니코드는 국제적으로 전 세계 언어를 모두 표시할 수 있는 표준코드이다. 유니코드의 목적은 현존하는 문자 인코딩 방법들을 모두 유니코드로 교체하려는 것이다. 기존의 인코딩들은 다국어 환경에서는 서로 호환되지 않아 한정된다는 문제점이 있었다. 그래서 유니코드를 사용하게 되었다. 유니코드는 전 세계의 든 문자를 컴퓨터에서 일관되게 표현하고 다룰 수 있도록 설계된 표준 코드이다, 유니코드는 2바이트, 즉 16비트를 사용해 2^16가지(65536)를 표현할 수 있다. UTF(Unicode Transformation Format)의 약자이며, UTF-8, UTF-16은 UTF에 포함된다. UTF-8은 유니코드를 인코딩하는 방식이다. UTF-8인코딩은 유니코드 한 문자를 나타내기 위해 1바이트에서 4바..

프론트 : 리액트, 백 : 노드js 를 사용하고 있다. 본인은 공공데이타 포탈에서 api를 테스트 하고 적용을 하고 있었다. 포스트맨(postman)에서 url 을 테스트할 때는 아무런 이상이 없었다. 하지만, 프론트(localhost:3000)에서 백(localhost:8080)으로 axios 데이터 송신을 했더니 안되는 것이였다. 물론, 이전에 이미 proxy를 사용해서 백(localhost:8080)을 허용시켜 놓았음에도 불구하고 말이다. 자세히 봐보니 stict-origin-when-cross-orin 이라는 에러가 발생했다는 것을 알았다. 결국 흔한 CORS error임에 어떤식의 에러인지는 알았지만, 많은 미사여구가 붙어있는거 보니 뭔가 다른것이라는 직감을 얻었다. 검색으로 얻은 결과는 결론적..

동기vs비동기와 블로킹vs논블로킹은 같은 의미인가? 동기와 비동기는 프로세스의 수행 순서 보장에 대한 매커니즘이고, 블로킹과 논블로킹은 프로세스의 유휴 상태에 대한 개념이다. 블로킹과 논블로킹, 동기와 비동기의 개념을 이해하기 위해서는 두가지 용어를 알아야 한다. - 제어권 : 제어권은 자신(함수)의 코드를 실행할 권리 같은 것이다. 제어권을 가진 함수는 자신의 코드를 끝까지 실행한 후, 자신을 호출한 함수에게 돌려준다. - 결과값을 기다린다는 것 : A함수에서 B함수를 호출했을 때, A함수가 B함수의 결과값을 기다리느냐의 여부를 의미한다. Blocking(블로킹)과 Non-Blocking(논블로킹) 블로킹(Blocking)과 논블로킹(Non-Blocking)은 다른 작업을 수행하는 주체를 어떻게 상대하..

캐시란? 캐시는 컴퓨터에서 데이터나 값을 미리 복사해 놓는 임시 장소를 말한다. 캐시를 사용하는 이유는 캐시의 접근 시간에 비해 원래 데이터를 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다. 캐시에 데이터를 미리 복사해 놓으면 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근할 수 있다. 캐시는 시스템의 효율성을 위해 여러 분야에서 두루 쓰이고 있다. 캐시가 효율적으로 동작하려면, 캐시에 저장할 데이터가 지역성을 가져야 한다. 지역성이란 데이터 접근이 시간적, 혹은 공간적으로 가깝게 일어나는 것을 의미한다. 1) 시간적 지역성 특정 데이터가 한번 접근되었을 경우, 가까운 미래에 또 한번 데이터에 접근할 가능성이 높은 것을 시간적 지역성이라고 한다. 메모..