반응형 분류 전체보기56 Nuxt SSR 상황에서 axios 요청에 쿠키 넘기기 Nuxt를 사용하다보면 서버사이드에서 axio를 요청하면 쿠키를 전달 할 수 없다는 걸 알게 된다. 브라우저에서 받은 쿠키를 프론트서버에서 API서버로도 전달해야 하는데, 이것을 어떻게 쉽게 해결하는지와 서버사이드와 클라이언트사이드의 코드가 같아질 수 있는 방법을 설명한다.Nuxt universal modeNuxt를 universal 모드로 사용하면 SSR(서버사이드렌더링)을 사용하게 된다. SSR페이지 최초 접근시에 다음과 같은 단계들은 서버사이드에서 실행된다.nuxtServerInitasyncDatafetchmiddleware그리고 최초 로딩이 끝나고 이후에 페이지 전환을 할때는 클라이언트 사이드에서 실행된다. 그래서 여기에서 axios를 이용하여 서버로부터 데이터를 받아오는 코드가 있다면, 서버사이.. 2023. 4. 27. 디스크 사용량 모니터링 iostat 명령어 정리 데이터베이스와 같은 프로그램을 사용하다보면 디스크 I/O를 모니터링 해야될 필요가 생긴다. 이때 iostat 명령어를 이용하여 다양한 I/O 측정값들을 실시간으로 볼 수 있다. iostat명령어가 어떤 값들을 출력해주는지와 사용법을 간단히 정리해 놓았다. 디스크 I/O일단 디스크 I/O가 어떤식으로 처리되는지를 간단히 보자.디스크 I/O의 처리 순서는 아래와 같다.응용 프로그램이 디스크 I/O 요청을 생성합니다.운영 체제는 디스크 I/O 요청을 처리하기 위해 커널 수준의 I/O 스케줄러를 사용합니다.I/O 스케줄러는 디스크 I/O 요청을 대기열에 추가하고, 이를 처리하기 위해 디스크 드라이버에 전달합니다.디스크 드라이버는 요청된 작업을 처리하기 위해 하드웨어 인터페이스를 사용하여 디스크 컨트롤러와 통신합.. 2023. 4. 26. Javascript 터치 이벤트 Offset 구하기 Javascript로 모바일 브라우저에서 터치 이벤트를 처리하기 위해 좌표를 구하려고 하면 다양한 기준의 좌표값이 있다. 정해진 영역내에서의 터치이벤트의 상대좌표를 알기 위해서는 별도로 Offset을 계산하는 처리가 필요하다. 터치이벤트에 대해 먼저 간략히 알아보자. 일반적인 웹사이트를 개발하다보면 터치이벤트를 처리해야될 상황이 사실 거의 없다. 하지만 HTML Canvas를 이용하여 무언가를 그리는 사이트를 만들게 되면 모바일 디바이스에서의 원활한 동작을 위해 터치이벤트를 처리해줘야 한다. PC에서라면 마우스 스크롤 이벤트를 이용하여 확대/축소 기능을 구현할 수 있지만, 모바일 디바이스에서는 두손가락 터치를 이용하여 확대/축소를 해야한다. 두손가락 터치로 확대/축소 기능을 개발하기 위해서는 터치 좌표를.. 2023. 4. 23. 건축설계를 위한 편리한 지적도 CAD 파일 변환 무료 사이트 건축사 사무실에서 CAD 프로그램을 이용하여 건축설계를 하기 위해서 가장 먼저 필요한 것이 설계할 대지의 지적도이다. 지적도를 내 컴퓨터의 CAD 프로그램 안으로 가져와야 한다. 이것을 아주 편하고 빠르게 무료로 할 수 있는 웹사이트를 소개한다. Archmap 아키맵이라는 웹사이트이다. 아래 링크를 클릭하면 들어갈 수 있다. 카카오맵에서 내가 원하는 지역을 편리하게 찾아볼 수 있고, 원하는 영역을 자유롭게 선택하면 해당 영역에 포함된 지적도가 화면에 그려지게 된다. 여기서 각 영역을 클릭하면 자세한 지적도 정보를 볼 수도 있다.화면에 그려진 모든 영역의 지적도를 CAD 파일로 다운받을 수 있고 이것을 내 컴퓨터에서 열어서 사용하면 된다. https://archmap.gitlab.io ArchMap지도.. 2023. 4. 21. 이전 1 ··· 5 6 7 8 9 10 11 ··· 14 다음 반응형
